厦门i健康患者端代码拷贝

html/prescription/css/base.css

@@ -0,0 +1,267 @@
.bgc-f2f4f6{
    background-color: #f2f4f6;
}
.bgc-74bf00{
    background-color: #74bf00;
}
.bgc-47a8ef{
    background-color: #47a8ef;
}
.bgc-ff6a56{
    background-color: #ff6a56;
}
.bgc-ccc{
    background-color: #ccc;
}
.h40{
    height: 40px;
} 
.lh40{
    line-height: 40px;
}
.h34{
    height: 34px;
}
.lh34{
    line-height: 34px;
}
.h36{
    height: 36px;
}
.lh36{
    line-height: 36px;
}
.w-120{
    width: 120px;
}
.mb60{
    margin-bottom: 60px;
}
.c-ff8273{
    color: #ff8273;
}
.c-error{
    color: #ff6a56;
}
.c-waiting{
    color: #ff9526;
}
.c-info{
    color: #74bf00;
}
.c-success{
    color: #47a8ef;
}
.header-icon{
    vertical-align: baseline;
    margin-bottom: -3px;
}
.c-list > .c-list-li{
    margin-left: 0;
}
.c-list .c-list-key{
    margin-right: 10px;
}
.c-list .c-list-info.pr0{
    padding-right: 0;
}
.pill-list li{
    border-top: 1px solid #f1f1f1;
}
.pill-list li:first-child{
    border: 0;
    background-image: none;
}
.c-list .box{
    margin-left: 0;
    border-top: 0;
}
.c-list .box,
.pill-list li .box{
    display: -webkit-box;
    display: box;
}
.c-list .box-info,
.pill-list li .box-info{
    -webkit-box-flex: 1;
    box-flex: 1;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
}
.footer-bar{
    position: fixed;
    bottom: 0;
    left:0;
    width: 100%;
    height: 49px;
    line-height: 49px;
}
.footer-bar2{
    position: fixed;
    bottom:0;
    left: 0;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
}
.arrow-r{
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -5px;
    display: inline-block;
    width: 10px;
    height: 10px;
    border: solid #909090;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrow-d{
    position: absolute;
    top: 50%;
    right: 0px;
    margin-top: -8px;
    display: inline-block;
    width: 10px;
    height: 10px;
    border: solid #909090;
    border-width:0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.word-wrap{
    word-wrap: break-word;
}
.c-btn2,
.c-btn3
{
    width: 100%;
    height: 100%;
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    outline: none;
    cursor: pointer;
    border: 0;
    background: none;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color: #eee;
    position: relative;
    border-radius: 6px;
}
.c-btn3{
    width: auto;
    padding: 0 10px;
    background-color: #47a8ef;
}
.c-btn-green{
    height: 40px;
    line-height: 40px;
    background-color: #74bf00;
}
.c-btn-red{
    height: 40px;
    line-height: 40px;
    background-color: #ff6a56;
}
input[type=text].select-input{
    width: 100%;
    height: 36px;
    line-height: 36px;
    border: none;
    margin-bottom: 0;
    padding: 0;
    position: relative;
}
input[type=text].border-input,
input[type=number].border-input{
    height: 34px;
    line-height: 34px;
    border: 1px solid #e1e1e1;
    padding: 0;
    padding-left: 5px;
    padding-right: 5px;
    width: calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    margin-bottom: 0;
    position: relative;
}
input.error{
    border-color: #ff8274;
}
.text-area{
    border-color: #e1e1e1;
    padding-left: 5px;
    padding-right: 5px;
    width: calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
}
.straight-line{
    position: absolute;
    top: 36px;
    left: 24px;
    width: 1px;
    height: calc(100% - 95px);
    height: -webkit-calc(100% - 95px);
    height: -moz-calc(100% - 95px);
    background-color: #dcdcdc;
    z-index: 0;
}.mui-picker{
    background-color: #fff;
}
.xfzx-btn{
    position: fixed;
    right: 10px;
    bottom: 70px;
}
.layui-m-layercont{
	padding-top: 0px !important;
}
#input_1{
	border: 20px !important;
}
.layui-m-layercont{
	padding-bottom: 0 !important;
}
input{
	color: #46b7f5;
}
input[type="checkbox"]+label::before {
	content: "\a0";
	display: inline-block;
	vertical-align: .2em;
	width: .8em;
	height: .8em;
	margin-right: .2em;
	border-radius: .2em;
	text-indent: .15em;
	line-height: .65;
	border: 1px solid #000;
	color: #000;
}
input[type="checkbox"]:checked+label::before {
	content: "\2713";
}
input {
	position: absolute;
	clip: rect(0, 0, 0, 0);
}
input[type="checkbox"]:focus+label::before {
	/* box-shadow: 0 0 .1em .1em #58a; */
}
input[type="checkbox"]:disabled+label::before {
	background-color: gray;
	box-shadow: none;
	color: #555;
}

html/prescription/css/my-medicine-code.css

@@ -0,0 +1,86 @@
*{
	box-sizing: border-box;
}
body{
	background-color: #f3f3f3;
}
.div-img{width: 320px; height: 184px;background: url(../../../images/shujuweikong_img.png) no-repeat center top; background-size: 320px 184px;margin: 0px auto;}
.div-tishi-info{vertical-align: middle; margin: 15px auto 30px;text-align: center;font-size: 16px;}
.div-no-info{
	padding-top: 120px;
	display: none;
}
.mm-card-list{
	padding: 0px 15px 20px 15px;
}
.mm-card-list li{
	width: 100%;
	margin-top: 15px;
}
.mm-card-list li .up{
	height: 30px;
	line-height: 30px;
	color: #FFF;
	font-size: 14px;
	background-color: #ff9526;
	padding:0px 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.mm-card-list li .down{
	background-color: #fff;
	padding:10px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding-right: 79px;
	color: #333;
}
.mm-card-list li .waiting{
	background: url('../images/dengdailingyao_icon.png') no-repeat;
	background-size: 63px 48px;
	background-position:calc(100% - 5px) center;
	background-color: #fff;
}
.mm-card-list li .transport{
	background: url('../images/peisongzhong_icon.png') no-repeat;
	background-size: 63px 48px;
	background-position:calc(100% - 5px) center;
	background-color: #fff;
}
.mm-card-list li .finish{
	background: url('../images/yiwancheng_icon.png') no-repeat;
	background-size: 63px 48px;
	background-position:calc(100% - 5px) center;
	background-color: #fff;
}
.mm-card-list li .down .title{
	font-size: 16px;
}
.mm-card-list li .down .name{
	font-size: 14px;
}
.mm-card-list li .down .name td{
	padding-top: 10px;
	font-size: 14px;
}
.mm-card-list li .down .name tr td:first-child{
	width: calc(100% - 65px);
}
.mm-card-list li .down .name tr td:last-child{
	width: 60px;
	text-align: right;
	vertical-align: middle;
	padding-right: 5px;
}
.mm-card-list li .down .address{
	font-size: 12px;
	color: #909090;
	margin-top: 10px;
	padding-left: 18px;
	background: url('../images/yiyuanjianzhu_icon.png') no-repeat;
	background-size: 13px 13px;
	background-position:left center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html/prescription/css/order_tracking.css

@@ -0,0 +1,134 @@
.bgc-f2f4f6{
    background-color: #f2f4f6;
}
.c-47a8ef{
    color: #47a8ef;
}
.c-a8a8a8{
    color: #a8a8a8;
}
.h40{
    height: 40px;
}
.lh40{
    line-height: 40px;
}
.mlr14{
    margin-left: 14px;
    margin-right: 14px;
}
.c-radius-8{
    border-radius: 8px;
}
.header-icon{
    vertical-align: baseline;
    margin-bottom: -3px;
}
.arrow-r{
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -5px;
    display: inline-block;
    width: 10px;
    height: 10px;
    border: solid #909090;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
ul li{
    border-top: 1px solid #e1e1e1;
}
ul li:first-child{
    border: 0;
}
.s-list{
    position: relative;
    z-index: 2;
}
.s-list li{
    display: -webkit-box;
    display: box;
    border: 0;
}
.s-list li .s-list-info{
    -webkit-box-flex: 1;
    box-flex: 1;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
}
.s-list-key{
    height: 26px;
    line-height: 26px;
}
.straight-line{
    position: absolute;
    top: 36px;
    left: 24px;
    width: 1px;
    height: calc(100% - 70px);
    height: -webkit-calc(100% - 70px);
    height: -moz-calc(100% - 70px);
    background-color: #dcdcdc;
    z-index: 0;
}
html{
    position: relative;
}
.mask{
    position: absolute;
    top: 0px;
    bottom: 0;
    width: 100%;
    height: auto;
    background: rgba(0,0,0,0.7);
    display: none;
}
.modal-content{
    position: fixed;
    top: 10px;
    left: 0;
    width: calc(100% - 40px);
    height: auto;
    display: none;
}
.box{
    display: -webkit-box;
    display: box;
}
.box-info{
    -webkit-box-flex: 1;
    box-flex: 1;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
}
.word-wrap{
    word-wrap: break-word;
}
.handle-bar{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 10;
	display: -webkit-box;
	padding: 3px 0;
}
.handle-bar div{
	-webkit-box-flex: 1;
	width: 0;
	padding-top: 8px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: relative;
	text-align: center;
	height: 40px;
}
.c-hide{display: none;}

html/prescription/css/payment.css

@@ -0,0 +1,159 @@
.mui-views,
.mui-view,
.mui-pages,
.mui-page,
.mui-page-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #efeff4;
}
.mui-pages {
    top: 0px;
    height: auto;
}
.mui-page.mui-transitioning {
    -webkit-transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;
}
.mui-page-left {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.mui-ios .mui-page-left {
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
}
.mui-navbar .mui-btn-nav {
    -webkit-transition: none;
    transition: none;
    -webkit-transition-duration: .0s;
    transition-duration: .0s;
}
.mui-navbar .mui-bar .mui-title {
    display: inline-block;
    width: auto;
}
.mui-page-shadow {
    position: absolute;
    right: 100%;
    top: 0;
    width: 16px;
    height: 100%;
    z-index: -1;
    content: '';
}
.mui-page-shadow {
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
}
.mui-navbar-inner.mui-transitioning,
.mui-navbar-inner .mui-transitioning {
    -webkit-transition: opacity 300ms ease, -webkit-transform 300ms ease;
    transition: opacity 300ms ease, transform 300ms ease;
}
.mui-page {
    display: none;
}
.mui-pages .mui-page {
    display: block;
}
div{font-size: 100%;}
.footer-bar2{width: 100%;}
.h49{height: 49px;}
.lh49{line-height: 49px;}
.mb80{margin-bottom: 80px;}
.c-list2{background-color: #f2f4f6;}
.c-list2 li{
    background-color: #fff;
    margin-left: 0;
    font-size: 14px;
    color: #333;
    position: relative;
    display: -webkit-box;
    display: box;
}
.c-list2 .c-list-info{
    -webkit-box-flex: 1;
    box-flex: 1;
    padding-right: 15px;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
}
.bgc-17b3ec{background-color: #17b3ec;}
.c-list2 .c-list-key{
    margin-right:0;
    padding: 0 15px;
    border-radius: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
}
.c-list2 .c-list-info.pr0{
    padding: 0px;
}
.div-no-info{
    margin-top: 30%;
    text-align: center;
}
.add-btn{
    position: fixed;
    bottom: 50px;
    right: 20px;
    z-index: 2;
}
input[type="checkbox"]{
    box-sizing: border-box;
    padding: 0;
    cursor: pointer;
    position: relative;
}
.icon-checkbox[type=checkbox]:before{
    content: '';
    background-image:url(../../survey/images/gouxuan_btn.png);
    background-size: 20px 20px;
    position: absolute;
    top:-3px;
    left:-3px;
    height: 20px;
    width: 20px;
    -webkit-font-smoothing: antialiased;
}
.icon-checkbox[type=checkbox]:checked:before {
    content: '';
    background-image:url(../../survey/images/gouxuan_btn_pre.png);
}
.c-btn-blue{
    height: 40px;
    line-height: 40px;
    background-color: #47a8ef;
    color:#fff;
    border-radius: 5px;
    display: inline-block;
    width: 80%;
}
.c-btn-default{
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #333;
    border-radius: 5px;
    display: inline-block;
    width: 80%;
}

html/prescription/css/prescription_records.css

@@ -0,0 +1,198 @@
.bgc-f2f4f6{
    background-color: #f2f4f6;
}
.bgc-ff9526{
    background-color: #ff9526;
}
.bgc-74bf00{
    background-color: #74bf00;
}
.c-ff9526{
    color: #ff9526;
}
.c-a8a8a8{
    color: #a8a8a8;
}
.c-radius-8{
    border-radius: 8px;
}
.h30{height: 30px;}
.lh30{line-height: 30px;}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item{
    color: #323232;
    display: inline-table;
    line-height: 43px;
}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{
    color: #75bf00;
    border-bottom: 2px solid #75bf00;
}
.mui-fullscreen .mui-segmented-control~.mui-slider-group{
    top: 45px;
}
.mui-slider .mui-slider-group .mui-slider-item img{
    width: auto;
}
.straight-line{
    position: absolute;
    width: 1px;
    height: calc(100% - 40px);
    left: 60px;
    top: 0;
    background-color: #a8a8a8;
    z-index: -1;
}
.year-flag{
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #a8a8a8;
    border-radius: 50%;
    margin-left: 42px;
}
.ui-col-0{
    width: 56px;
}
.dot-box{
    display: inline-block;
    width: 12px;
    height: 16px;
    line-height: 16px;
    background-color: #f2f4f6;
    margin-top: 7px; /*与右边的card的对齐*/
    float: right;
}
.dot{
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #ff9526;
    border-radius: 50%;
    margin-bottom: 1px;
}
.card-header-bar{
    padding: 0 10px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.btn{
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    outline: none;
    cursor: pointer;
    border: 0;
    background: none;
    text-align: center;
    text-decoration: none;
    position: relative;
    color: #75bf00;
    width: 70px;
    border: 1px solid #75bf00;
    border-radius: 10px;
    float: right;
    padding: 2px 0;
}
.disease-label{
    display: inline-block;
    width: calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.status-icon{
    position: absolute;
    right: 5px;
    top: 50%;
    width:60px;
    height: 60px;
    margin-top: -30px;
}
.pill-label{
    display: inline-block;
    width: calc(100% - 70px);
    width: -webkit-calc(100% - 70px);
    width: -moz-calc(100% - 70px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    cursor: pointer;
    position: relative;
}
.icon-checkbox[type=radio]:before{
    content: '';
    background-image:url(../images/dianxuan_btn.png);
    background-size: 20px 20px;
    position: absolute;
    top:-3px;
    left:-3px;
    height: 20px;
    width: 20px;
    -webkit-font-smoothing: antialiased;
}
.icon-checkbox[type=radio]:checked:before {
    content: '';
    background-image:url(../images/dianxuan_pre.png);
}
.icon-checkbox[type=checkbox]:before{
    content: '';
    background-image:url(../images/gouxuan_btn.png);
    background-size: 20px 20px;
    position: absolute;
    top:-3px;
    left:-3px;
    height: 20px;
    width: 20px;
    -webkit-font-smoothing: antialiased;
}
.icon-checkbox[type=checkbox]:checked:before {
    content: '';
    background-image:url(../images/gouxuan_btn_pre.png);
}
#viewXFOnly{
    position: absolute;
    top: 5px;
    right: 10px;
}
.small-dot{
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 50%;
    vertical-align: baseline;
    margin-bottom: 2px;
}
.div-no-info{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}
.div-no-info img{
    width: 100%;
}
.next-btn{
    background-color: #74bf00;
    text-align: center;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #fff;
    border-radius: 5px;
}
.next-btn.disabled{
    background-color: #C0C0C0;
}

html/prescription/html/code-detail.html

@@ -0,0 +1,105 @@
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>取药码</title>
    <meta name="author" content="yihu.com"/>
    <meta name="format-detection" content="telephone=no"/>
    <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/cross.css" />
    <style>
    	*{box-sizing: border-box;}
    	body{background-color: #f3f3f3;}
    	.cd-list{ width:100%;margin-top: 10px;background-color: #fff;border-top: solid 1px #e1e1e1;border-bottom: solid 1px #e1e1e1;padding-left: 10px;padding-right: 10px;font-size: 16px;}
    	.cd-li{font-size:14px;width: 100%;border-bottom: solid 1px #f1f1f1;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;padding: 10px 0px;}
    	.cd-name{min-width:100px;color: #333;}
    	.cd-text{color: #666;}
    	.cd-section{padding-top: 30px;}
    	.cd-section .word2{font-size: 12px; color: #a8a8a8;text-align: center;margin-bottom: 20px;}
    	.cd-section .word{font-size: 14px; color: #a8a8a8;text-align: center;margin-bottom: 10px;}
    	.cd-section .img{width: 100%;height:100%;border: solid 1px #eee;}
    	.cd-section .img img{width: 100%;}
    	.cd-section .icon-up{display:none;width: 60px;height: 60px;background: url('../images/jiaobiao_yiqueyao_img.png') no-repeat;background-size: contain;background-position: center;position: absolute;right: 0px;top: 0px;z-index: 99;}
    	.cd-section .icon-down{display: none; width: 40px;height: 40px;background: url('../images/jiaobiao_img.png') no-repeat;background-size: contain;background-position: center;position: absolute;left: 0px;bottom: 0px;z-index: 99;}
    	.cd-section.active .icon-down,.cd-section.active .icon-up{display: block;}
    </style>
</head>
<body>
	<ul class="cd-list">
		<li class="cd-li">
			<div class="cd-name">取药地址：</div>
			<div id="address" class="cd-text"></div>
		</li>
		<li class="cd-li">
			<div class="cd-name">取药码：</div>
			<div id="code" class="cd-text"></div>
		</li>
	</ul>
	
	<div id="isTack" class="cd-section">
		<p class="word">将取药码出示给工作人员，领取药品</p>
		<p class="word2">取药码使用一次后失效，失效后无法再领取药品，<br />请保管好您的取药码</p>
		<div style="position: relative;width: 220px;height:220px;margin: 0 auto;">
			<div class="img"><img id="showImg" src="" alt="" onerror="javascript:this.src='../images/error.png'"/></div>
			<div class="icon-up"></div>
			<div class="icon-down"></div>
		</div>
	</div>
	<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<script type="text/javascript" src="../../../js/common_http.js" ></script>
	<script type="text/javascript" src="../../../js/isRepresented.js"></script>
	<script>
		var d = dialog({contentType:'load', skin:'bk-popup'});
		var userAgent = window.localStorage.getItem(agentName);
		var Request = new Object();
			Request = GetRequest();
		var prescriptionCode = Request["prescriptionCode"];
		var imgUrl;
		
		$(function(){
			isRepresent(function(){
				queryData()
			})
			function queryData(){
				var params = {
					prescriptionCode:prescriptionCode
				}
				d.show();
				sendPost("patient/prescription/dispensaryCode/getPatientQrcode",params, "json", "get", function(res){
					d.close();
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'加载失败'}).show();
				}, function(res){
					if(res.status == 200){
						d.close();
						$('#address').html(res.data.hospitalName)
						$('#code').html(res.data.dispensaryCode)
						$('#showImg').attr('src',getImgUrl(res.data.img_url))
						imgUrl = getImgUrl(res.data.img_url)
						if(res.data.isUse){
							$('#isTack').addClass('active')
						}	
					}else{
						d.close();
						dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'加载失败'}).show();
					}
				})
			}
		})
		
		$('#showImg').click(function(){
			if($(this).attr('src')=='../images/error.png'){
				$('#showImg').attr('src',imgUrl)
			}
		})
	</script>
</body>
</html>

html/prescription/html/express_info.html

@@ -0,0 +1,126 @@
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="author" content="yihu.com" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <title>快递记录</title>
        <link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
        <link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css" />
        <link rel="stylesheet" href="../../../iconfont/iconfont.css" type="text/css" />
        <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
        <link rel="stylesheet" type="text/css" href="../css/order_tracking.css"/>
        <link rel="stylesheet" type="text/css" href="../css/base.css"/>
    </head>
    <body class="bgc-f2f4f6">
        <div class="c-border c-radius-8 bgc-fff mlr10 mtb10">
            <ul class="plr10 c-border-b" id="expressInfo">
            </ul>
            <div class="bgc-fff ptb20 c-radius-8 c-position-r">
                <div class="straight-line"></div>
                <ul class="s-list" id="logList">
                </ul>
            </div>
        </div>
        
        <script type="text/html" id="expressInfo_tmp">
            <li class="ptb10">
                <span class="c-f16 c-333">物流状态：</span>
                <span class="c-f16 c-333 ml5">{{expressStatus}}</span>
            </li>
            <li class="ptb10 c-border-t">
                <span class="c-f16 c-333">承运来源：</span>
                <span class="c-f16 c-333 ml5">{{expressName}}</span>
            </li>
            <li class="ptb10 c-border-t">
                <span class="c-f16 c-333">运单编号：</span>
                <span class="c-f16 c-333 ml5">{{expressMailNo}}</span>
            </li>
            <li class="ptb10 c-border-t">
                <span class="c-f16 c-333">官方电话：</span>
                <span class="c-f16 c-333 ml5">{{expressPhone}}</span>
            </li>
        </script>
        
        <script type="text/html" id="log_tmp">
            {{each list as it index}}
            <li class="ptb10">
                <div class="s-list-key">
                    <img src="{{if index == 0}}../images/lan_biaoji_icon.png{{else}}../images/hui_biaoji_icon.png{{/if}}" width="20" alt="" class="mlr14 header-icon"/>
                </div>
                <div class="s-list-info">
                    <span class="{{if index==0}}c-47a8ef{{else}}c-a8a8a8{{/if}} c-f16">{{it.acceptRemark}}</span>
                    <p class="c-f12 c-a8a8a8 mt5">{{it.acceptTime}}</p>
                </div>
            </li>
            {{/each}}
        </script>
    </body>
    <script src="../../../js/jquery/2.1.3/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/weixin_common.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
    <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        var d = dialog({
            contentType: 'load',
            skin: 'bk-popup'
        });
        var request = GetRequest();
        var code = request.code; //从链接中获得处方code
        $(function(){
            getExpressInfo();
        })
        
        function getExpressInfo(){
            d.show();
            var url = '/patient/sfexpress/sfgetorderinfoservice',
                params = {prescriptionCode: code};
            sendPost(url, params, 'json', 'get', queryFailed, function(res){
                if(res.status == 200){
                    var html = template('expressInfo_tmp', res.data);
                    $("#expressInfo").empty().append(html);
                    getExpressLog();
                }else{
                    queryFailed(res);
                }
            })
        }
        
        function getExpressLog(){
            var url = '/patient/sfexpress/sfrouteservice',
                params = {prescriptionCode: code};
            sendPost(url, params, 'json', 'post', queryFailed, function(res){
                if(res.status == 200){
                    d.close();
                    var html = template('log_tmp', {list: res.data});
                    $("#logList").empty().append(html);
                }else{
                    queryFailed(res);
                }
            });
        }
        
        function queryFailed(res){
            d.close();
            if(res && res.msg) {
                dialog({
                    contentType: 'tipsbox',
                    skin: 'bk-popup',
                    content: res.msg
                }).show();
            } else {
                dialog({
                    contentType: 'tipsbox',
                    skin: 'bk-popup',
                    content: '加载失败'
                }).show();
            }
        }
    </script>
</html>

html/prescription/html/my-medicine-code.html

@@ -0,0 +1,62 @@
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>我的取药码</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/iscroll.css" />	
    <link rel="stylesheet" type="text/css" href="../css/my-medicine-code.css" />
</head>
<body>	
    <div id="mainContent" class="c-hide">
    	<div id="wrapper" style="top: 0px;">
			<div class="iScroller">
        	    <ul id="j-card-list" class="mm-card-list">
        	    	
        	    <ul> 
    	 	</div>
  		</div>
   	</div>
   	
   	<!--无数据-->
	<div class="div-no-info">
		<div class="div-img"></div>
		<div class="div-tishi-info">暂无数据</div>
	</div>
	<script type="text/html" id="list_tmp">
		{{each data as v i}}
		<li data-id="{{v.prescriptionCode}}">
    		<div class="up">{{v.createTime}}</div>
    		<div class="down {{v.status | toStatus}}">
				<p class="title">{{v.diagnosis}}</p>
				<div class="name">
					<table style="width: 100%;">
						{{each v.prescriptionInfo as j}}
						<tr>
							<td>{{j.drugName}}</td>
							<td>{{j.num}}片</td>
						</tr>
						{{/each}}
					</table>
				</div>
				<div class="address">{{v.address}}</div>
    		</div>
    	</li>
    	{{/each}}
	</script>
	
	<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script src="../../../js/mui.min.js"></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<script type="text/javascript" src="../../../js/common_http.js" ></script>
	<script src="../../../js/template.js"></script>
	<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	<script src="../../../js/iscroll-probe.js"></script>
	<script src="../../../js/iscroll-pull-up-down.js"></script>
	<script type="text/javascript" src="../../../js/isRepresented.js"></script>
	<script type="text/javascript" src="../js/my-medicine-code.js" ></script>
</body>
</html>

html/prescription/html/order_tracking.html

@@ -0,0 +1,200 @@
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="author" content="yihu.com" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <title>订单跟踪</title>
        <link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
        <link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css" />
        <link rel="stylesheet" href="../../../iconfont/iconfont.css" type="text/css" />
        <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
        <link rel="stylesheet" type="text/css" href="../css/order_tracking.css"/>
    </head>
    <body class="bgc-f2f4f6">
    		<div class="mt10 bgc-fff c-border-tb plr10 h80 c-position-r c-hide" id="waitqy">
            <div style="font-weight: 600;" class="lh40">等待取药</div>
    			<div style="margin-bottom: 15px;">还剩<span id="confirmDay"></span>自动确认收药</div>
        </div>
        <div class="mt10 bgc-fff c-border-tb plr10 h40 lh40 c-position-r" id="xfRecord">
            <img src="../images/xufangjilu_icon.png" width="20" class="header-icon mr10" />
            <span class="c-f16 c-333">续方记录</span>
            <span class="arrow-r"></span>
        </div>
        <div class="mt10 bgc-fff c-border-tb plr10 h40 lh40 c-position-r" id="qyMa">
            <img src="../images/quyaoma_icon.png" width="20" class="header-icon mr10" />
            <span class="c-f16 c-333">取药码</span>
            <span class="arrow-r"></span>
        </div>
        <div class="mt10 bgc-fff c-border-tb">
            <div class="h40 lh40 plr10 c-border-b">
                <img src="../images/yaopingxinxi_icon.png" width="20" class="header-icon mr10" />
                <span class="c-f16 c-333">药品信息</span>
            </div>
            <ul class="plr10" id="drugsList">
            </ul>
        </div>
        <div class="mt10 bgc-fff c-border-tb">
            <div class="h40 lh40 plr10 c-border-b">
                <img src="../images/dingdanjilu_icon.png" width="20" alt="" class="header-icon mr10" />
                <span class="c-f16 c-333">订单记录</span>
            </div>
            <ul class="plr10" id="orderInfo">
            </ul>
        </div>
        <div class="mt10 bgc-fff c-border-tb">
            <div class="h40 lh40 plr10 c-border-b">
                <img src="../images/shouyaoxinxi_icon.png" alt="收药信息" width="20" class="header-icon mr10">
                <span class="c-f16 c-333">收药信息</span>
            </div>
            <ul class="plr10" id="recieveInfo">
            </ul>
        </div>
        <div class="mt10 bgc-fff c-border-tb" style="margin-bottom: 40px;">
            <div class="h40 lh40 plr10 c-border-b">
                <img src="../images/zhifujilu_icon.png" width="20" alt="" class="header-icon mr10" />
                <span class="c-f16 c-333">支付记录</span>
            </div>
            <ul class="plr10" id="paymentInfo">
            </ul>
        </div>
        <div class="handle-bar ui-grid c-border-t c-f16 c-hide" id="handle-bar">
            <div class="collection ui-col-1 c-t-center">
            		<span class="delaysy">延长收药</span>
            </div>
            <div class="share ui-col-1 c-t-center">
                <span class="confirmsy">确认收药</span>
            </div>
        </div>
        <!--弹框信息-->
        <div class="mask"></div>
        <div class="modal-content ptb10 plr20">
            <div class="bgc-fff c-radius-8 ptb20 c-position-r">
                <div class="straight-line"></div>
                <ul class="s-list" id="orderLogs">
                </ul>
            </div>
            <div class="mt30 c-t-center">
                <img src="../images/guanbi(dahao)_btn.png" width="36" id="closeBtn">
            </div>
        </div>
    </body>
    <!--药品列表模板-->
    <script type="text/html" id="drug_tmp">
        {{each list as drug}}
        <li class="ptb10">
            <p class="c-f14 c-333">{{drug.drugName}}</p>
            <div>
                <span class="c-f14 c-333">数量： {{drug.num}}{{drug.drugNumUnitName}}</span>
                <span class="c-f14 c-333 ml20">规格：{{drug.drugFormat}}</span>
            </div>
        </li>
        {{/each}}
    </script>
    <!--订单记录的模板-->
    <script type="text/html" id="orderInfo_tmp">
        <li class="c-f14 c-333 ptb10">订单号：{{ordersn}}</li>
        <li class="c-f14 c-333 ptb10">出药机构：{{dept}}</li>
        <li class="c-f14 c-333 ptb10 c-position-r" id="orderStatus">订单状态：{{status | getStatusName}}
            <span class="arrow-r"></span>
        </li>
    </script>
    
    <!--收药信息模板-->
    <script type="text/html" id="recieveInfo_tmp">
        <li class="c-f14 c-333 ptb10">配送方式：{{dispensaryTypeName}}</li>
        {{if dispensaryType == 1}}<!--自取-->
        <li class="c-f14 c-333 ptb10">自取时间：{{deliveryTime}}</li>
        <li class="c-f14 c-333 ptb10 box">取药地址：
            <div class="box-info word-wrap">{{hospitalAddress}}</div>
        </li>
        <li class="c-f14 c-333 ptb10">居民姓名： {{name}}</li>
        <li class="c-f14 c-333 ptb10">居民电话：{{mobile}}</li>
        {{else if dispensaryType == 2}} <!-- 快递配送-->
        <li class="c-f14 c-333 ptb10">配送时间： {{deliveryTime}}</li>
        <li class="c-f14 c-333 ptb10 c-position-r" id="expressInfo" data-code="{{mailno}}">快递单号：{{mailno}}
            <span class="arrow-r"></span>
        </li>
        <li class="c-f14 c-333 ptb10">收药人： {{name}}</li>
        <li class="c-f14 c-333 ptb10">联系电话：{{mobile}}</li>
        <li class="c-f14 c-333 ptb10 box">收药地址：
            <div class="box-info word-wrap">
                {{provinceName}}{{cityName}}{{townName}}{{streetName}}{{address}}
            </div>
        </li>
        {{else}} <!-- 健管师配送-->
        <li class="c-f14 c-333 ptb10">配送时间： {{deliveryTime}}</li>
        <li class="c-f14 c-333 ptb10">居民姓名： {{name}}</li>
        <li class="c-f14 c-333 ptb10">居民电话：{{mobile}}</li>
        <li class="c-f14 c-333 ptb10 box">配送服务站：
            <div class="box-info word-wrap">
                {{patientHospitalName}}
            </div>
        </li>
        <li class="c-f14 c-333 ptb10 box">服务站地址：
            <div class="box-info word-wrap">
            {{patientHospitalAddress}}
            </div>
        </li>
        <li class="c-f14 c-333 ptb10">配送人员：{{expressageName}}</li>
        <li class="c-f14 c-333 ptb10">联系电话：{{expressageMobile}}</li>
        {{/if}}
    </script>
    <!--支付记录模板-->
    <script type="text/html" id="paymentInfo_tmp">
        <li class="c-f14 c-333 ptb10">支付时间：{{createTime}}</li>
        <li class="c-f14 c-333 ptb10">支付流水号：{{chargeNo}}</li>
        <li class="c-f14 c-333 ptb10">支付金额：&#165;{{totalAmount | formatMoney}}</li>
        <li class="c-f14 c-333 ptb10">支付方式：{{type | getTypeName}}</li>
        <li class="c-f14 c-333 ptb10">医保卡号：{{cardNo}}</li>
        {{if cadresPay || cadresPay == 0}}
        <li class="c-f14 c-333 ptb10">政府补贴支付：&#165;{{cadresPay | formatMoney}}</li>
        {{/if}}
        {{if healthCarePay || healthCarePay == 0}}
        <li class="c-f14 c-333 ptb10">医保统筹支付：&#165;{{healthCarePay | formatMoney}}</li>
        {{/if}}
        {{if heathPay || heathPay == 0}}
        <li class="c-f14 c-333 ptb10">健康账户支付：&#165;{{heathPay | formatMoney}}</li>
        {{/if}}
        {{if accountPay || accountPay == 0}}
        <li class="c-f14 c-333 ptb10">医保账户支付：&#165;{{accountPay | formatMoney}}</li>
        {{/if}}
        {{if selfPay || selfPay == 0}}
        <li class="c-f14 c-333 ptb10">个人现金支付：&#165;{{selfPay | formatMoney}}</li>
        {{/if}}
        {{if civilPay || civilPay == 0}}
        <li class="c-f14 c-333 ptb10">基本卫生服务支付：&#165;{{civilPay | formatMoney}}</li>
        {{/if}}
    </script>
    
    <!--订单跟踪记录模板-->
    <script type="text/html" id="orderLog_tmp">
        {{each list as it index}}
        <li class="ptb10">
            {{if index == 0}}
            <img src="../images/lan_biaoji_icon.png" width="20" alt="" class="mlr14 header-icon"/>
            {{else}}
            <img src="../images/hui_biaoji_icon.png" width="20" alt="" class="mlr14 header-icon"/>
            {{/if}}
            <div class="s-list-info">
                <span class="{{if index == 0}}c-47a8ef{{else}}c-909090{{/if}} c-f16">{{it.statusName}}</span>
                <p class="c-f12 c-a8a8a8">{{it.createTime}}</p>
            </div>
        </li>
        {{/each}}
    </script>
    <script src="../../../js/jquery/2.1.3/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/weixin_common.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
    <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/underscore.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="../js/getPrescriptionStatus.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/order_tracking.js" type="text/javascript" charset="utf-8"></script>
</html>

html/prescription/html/pay_return.html

@@ -0,0 +1,100 @@
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>订单支付回调</title>
        <meta name="author" content="yihu.com" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
        <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
        <link rel="stylesheet" type="text/css" href="../../qygl/css/pay-result.css"/>
    </head>
    <body>
        <div class="c-hide" id="faildPanel">
            <div class="pay-tip">
                <img src="../../qygl/images/jiaofeishibai_icon.png" />
                <h1 class="pay-failtip">缴费失败</h1>
                <p class="c-909090 c-f14 mt20"></p>
            </div>
            <a class="pay-btn" href="javascript:;" id="backBtn">返回</a>
        </div>
        
        <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
        <script src="../../../js/template.js"></script>
        <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/weixin_common.js"></script>
        <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
        <script type="text/javascript">
            var d = dialog({
                contentType: 'load',
                skin: 'bk-popup'
            });
            var request = GetRequest();
            $(function(){
                //获得回调页面返回的数据
                var prescriptionCode = request['outChargeNo'],
                    tradeStatus = request['tradeStatus']; // 0-成功，1-失败，2-已退款
                
                if(tradeStatus > 0){
                    $("#faildPanel").show();
                    $("#backBtn").on('click', function(){
                        window.location.replace('order-tracking.html?code='+prescriptionCode);
                    })
                }else{
                    d.show();
                    //发请求去后端修改支付状态
                    var url = "/patient/prescription/pay/recipeReturnUrl",
                        params = request;
                    sendPost(url, params, "json", "post", function(res){
                        d.close();
                        document.write(res.msg);
                        //不处理
                    }, function(res){
                        var prescriptionCode = res.data.prescriptionCode;
                        //发送顺丰快递下单请求
                        //配送方式 1:自取 2：快递 3：健管师配送
                        var type = window.localStorage.getItem('expressType');
                        var userAgent = window.localStorage.getItem(agentName),
                            userInfo = JSON.parse(userAgent);
                        if(type == '2'){
                            var url2 = '/patient/sfexpress/sforderservice',
                                params2 = {
                                    prescriptionCode: prescriptionCode
                                };
                            sendPost(url2, params2, 'json', 'post', function(res){
                                //订单下单失败
                                d.close();
                                document.write(res.msg);
                            }, function(res){
                                d.close();
                                //订单下单成功
                                //跳转去订单跟踪页面
                                window.location.replace('order_tracking.html?code='+prescriptionCode+'&toUser='+userInfo.uid);
                            });
                        }else{
                            //请求获取取药码
                            var url3 = '/patient/prescription/dispensaryCode/saveQRCode',
                                params3 = {prescriptionCode: prescriptionCode};
                            sendPost(url3, params3, 'json', 'post', function(res){
                                //订单下单失败
                                d.close();
                                document.write(res.msg);
                            }, function(res){
                                if(res.status == 200){
                                    d.close();
                                    window.location.replace('order_tracking.html?code='+prescriptionCode+'&toUser='+userInfo.uid);
                                }else{
                                    d.close();
                                    document.write(res.msg);
                                }
                            })
                        }
                    });
                }
            })
        </script>
    </body>
</html>

html/prescription/html/payment.html

@@ -0,0 +1,302 @@
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="author" content="yihu.com" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <title>续方订单支付</title>
        <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
        <link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
        <link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css" />
        <link rel="stylesheet" href="../../../iconfont/iconfont.css" type="text/css" />
        <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
        <link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css"/>
        <link rel="stylesheet" type="text/css" href="../../../css/mui.picker.css" />
        <link rel="stylesheet" type="text/css" href="../../../css/mui.poppicker.css"/>
        <link rel="stylesheet" type="text/css" href="../css/base.css"/>
        <link rel="stylesheet" href="../css/payment.css" />
    </head>
    <body class="bgc-f2f4f6 mui-fullscreen">
        <!--页面主结构开始-->
        <div id="app" class="mui-views">
            <div class="mui-view">
                <div class="mui-pages"></div>
            </div>
        </div>
        <!--页面主结构结束-->
        <div id="main" class="mui-page">
            <div class="mui-page-content ">
                <div class="mui-scroll-wrapper">
                    <div class="mui-scroll">
                        <div class="mt10 c-border-tb bgc-fff">
                            <div class="c-border-b plr10 h40 lh40">
                                <img src="../images/jumingxinxi_icon.png" width="20" class="mr10 header-icon" />
                                <span class="c-f16 c-333">居民信息</span>
                            </div>
                            <ul class="c-list plr10" id="patientInfo">
                            </ul>
                        </div>
                        <div class="mt10 c-border-tb bgc-fff">
                            <div class="c-border-b plr10 h40 lh40">
                                <img src="../images/shouyaoxinxi_icon.png" alt="收药信息" width="20" class="mr10 header-icon" />
                                <span class="c-f16 c-333">收药信息</span>
                            </div>
                            <div class="plr10 c-position-r ui-grid ui-grid-middle" id="selectBar">
                                <div class="ui-col-0 c-f14 c-333">取药方式：</div>
                                <div class="ui-col-1 ml10 c-position-r" id="qyfsSelect">
                                    <input type="text" class="select-input c-f14" placeholder="请选择取药方式"/>
                                    <span class="arrow-d"></span>
                                </div>
                            </div>
                            <div class="plr10 h36 lh36 ui-grid c-hide" id="zqBar">
                                <div class="ui-col-0 c-f14 c-333">取药方式：</div>
                                <div class="ui-col-1 ml10 c-f14 c-333">自取</div>
                            </div>
                            <p class="c-f12 c-909090 plr10 pb10 c-hide" id="notice">您的订单中存在有需冷藏保存的药品，为保证药品质量，该订单需要您到社区药房自取</p>
                            
                            <!--选择自取后，需要填写的表单内容-->
                            <ul class="c-list c-border-t c-hide" id="zqInputPanel">
                                <li class="c-list-li plr10">
                                    <div class="c-list-key c-f14 c-333 ptb10">取药人：</div>
                                    <div class="c-list-info ptb5 pr0 c-position-r getAddr">
                                        <!--<input type="number" maxlength="11" class="c-f14 c-333 border-input h34 lh34 mobile" placeholder="请输入收药人的联系电话" >-->
                                    </div>
                                    <span class="arrow-r"></span>
                                </li>
                                <li class="c-list-li plr10 ptb10">
                                    <div class="c-list-key c-f14 c-333">取药地址：</div>
                                    <div class="c-list-info c-f14 c-333 word-wrap" id="zqAddress"></div>
                                </li>
                                <li class="c-list-li plr10">
                                    <div class="c-list-key c-f14 c-333 ptb10">取药时间：</div>
                                    <div class="c-list-info ptb5 pr0">
                                        <input type="text" class="c-f14 c-333 border-input h34 lh34" placeholder="请选择取药时间" readonly="readonly" data-type="date">
                                    </div>
                                </li>
                            </ul>
                            
                            <!--选择健管师配送，需要填写的内容-->
                            <ul class="c-list c-border-t c-hide" id="jgpsInputPanel">
                                <li class="box plr10">
                                    <div class="mr10 c-f14 c-333 ptb10">取药人：</div>
                                    <div class="box-info ptb5 pr0 getAddr">
                                        <!--<input type="number" maxlength="11" class="c-f14 c-333 border-input h34 lh34 mobile" placeholder="请输入收药人的联系电话">-->
                                    </div>
                                    <span class="arrow-r"></span>
                                </li>
                                <li class="c-list-li plr10">
                                    <div class="c-list-key c-f14 c-333  ptb10">配送时间：</div>
                                    <div class="c-list-info ptb5 pr0">
                                        <input type="text" class="c-f14 c-333 border-input h34 lh34" placeholder="请选择取药时间" readonly="readonly" data-type="date">
                                    </div>
                                </li>
                                <li class="box plr10">
                                    <div class="mr10 c-f14 c-333 ptb10">配送服务站：</div>
                                    <div class="box-info c-position-r" id="serviceStation">
                                        <input type="text" class="select-input c-f14 c-333" placeholder="请选择服务站"/>
                                        <span class="arrow-d"></span>
                                    </div>
                                </li>
                                <li class="box plr10" id="serviceAdress">
                                    <div class="mr10 c-f14 c-333 ptb10">服务站地址：</div>
                                    <div class="box-info c-position-r">
                                        <input type="text" class="select-input c-f14 c-333"/>
                                    </div>
                                </li>
                            </ul>
                            
                            <!--选择快递配送时，需要填写的内容-->
                            <ul class="c-list c-border-t c-hide" id="expressInputPanel">
                                <li class="box plr10" style="border-bottom: 1px solid #e1e1e1;">
                                    <div class="mr10 c-f14 c-333 ptb10">收药人：</div>
                                    <div class="box-info ptb5 pr10 getAddr">
                                        <!--<input type="text" class="c-f14 c-333 border-input h34 lh34" id="receiver" placeholder="请输入收药人的姓名">-->
                                    </div>
                                    <span class="arrow-r"></span>
                                </li>
                                <li class="box plr10">
                                    <div class="mr10 c-f14 c-333 ptb10">快递费用：</div>
                                    <div class="box-info ptb5 pr0">
                                        <span class="c-f14 c-333">预计为<span id="expressPrice">0</span>元</span>
                                        <span class="c-f12 c-909090">（顺丰到付）</span>
                                        <p class="c-f12 c-909090"> 您需在收到订单药品后将快递费用支付给快递员，预估费用为一公斤价格，如订单超重，每公斤将加收 2 元续重费 </p>
                                    </div>
                                </li>
                                <li class="c-list-li plr10">
                                    <div class="c-list-key c-f14 c-333 ptb10">配送时间：</div>
                                    <div class="c-list-info ptb5 pr0">
                                        <input type="text" class="c-f14 c-333 border-input h34 lh34" placeholder="请选择取药时间" readonly="readonly" data-type="date">
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <p class="c-f12 c-909090 plr10 ptb10 c-hide" id="initNotice">您可选择到社区药房自取、快递派送上门或由健管师配送至您附近的卫生服务站，快递配送所产生的快递费用需由您承担</p>
                        <div class="mt10 c-border-tb bgc-fff mb80">
                            <div class="c-border-b plr10 h40 lh40">
                                <img src="../images/dingdanxinxi_icon.png" width="20" class="mr10 header-icon" />
                                <span class="c-f16 c-333">订单信息</span>
                            </div>
                            <ul class="plr10 pill-list" id="drgusList">
                            </ul>
                            <div class="c-border-t plr10 ptb10">
                                <h3 class="c-f14 c-333">诊查费</h3>
                                <div class="mt10">
                                    <span class="c-f14 c-333">主治医师</span>
                                    <span class="c-f14 c-ff8273 fr" id="registerFee">&#165;</span>
                                </div>
                            </div>
                        </div>
                        <div class="footer-bar2">
                            <div class="c-909090 c-f12 c-t-center mb5">温馨提示：根据相关规定，药品出库后不允许退药退费</div>
                            <div class="ui-grid c-border-t bgc-fff h49 lh49">
                                <div class="ui-col-1 c-t-right">
                                    <span class="c-ff8273 c-f16 mr15" id="totalAmount"></span>
                                </div>
                                <div class="ui-col-0 w-120 bgc-47a8ef c-fff c-f16 c-t-center" id="submitBtn">确认支付</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 选择收药人地址页面 -->
        <div id="addrList" class="mui-page">
            <div class="mui-page-content">
                <div class="mui-scroll-wrapper">
                    <div class="mui-scroll">
                        <div class="div-no-info c-hide">
                            <img src="../../../images/shujuweikong_img.png" alt="无数据" style="width: 100%;">
                            <div class="info-text c-f14">暂无地址信息</div>
                        </div>
                        <ul class="c-list2 c-hide" id="addrUl">
                        </ul>
                    </div>
                </div>
                <div class="add-btn">
                    <img src="../images/xuanfu_btn.png" width="50">
                </div>
            </div>
        </div>
        <!-- 编辑新增收药人地址信息 -->
        <div id="editPage" class="mui-page">
            <div class="mui-page-content">
                <ul class="c-list2 mt10">
                    <li class="plr10 mt5 c-border-tb">
                        <div class="mr10 c-f14 c-333 ptb10">收药人：</div>
                        <div class="c-list-info ptb5 pr0">
                            <input type="text" class="c-f14 c-333 border-input h34 lh34" id="receiver" placeholder="请输入收药人的姓名">
                        </div>
                    </li>
                    <li class="plr10 mt5 c-border-tb">
                        <div class="mr10 c-f14 c-333 ptb10">联系电话：</div>
                        <div class="c-list-info ptb5 pr0">
                            <input type="number" maxlength="11" class="c-f14 c-333 border-input h34 lh34 mobile" placeholder="请输入收药人的联系电话">
                        </div>
                    </li>
                    <li class="plr10 mt5 c-border-tb">
                        <div class="mr10 c-f14 c-333 ptb10">收药地区：</div>
                        <div class="c-list-info c-position-r" id="addressSelect">
                            <input type="text" class="select-input plr5 c-f14 c-333" readonly="readonly" placeholder="请选择所在地区">
                            <span class="arrow-d"></span>
                        </div>
                    </li>
                    <li class="plr10 mt5 c-border-tb">
                        <div class="mr10 c-f14 c-333 ptb10">详细地址：</div>
                        <div class="c-list-info ptb5 pr0">
                            <input type="text" id="address" class="c-f14 c-333 border-input h34 lh34" placeholder="请输入收药人的详细地址">
                        </div>
                    </li>
                </ul>
                <div class="mtb5 plr10 c-t-center">
                    <input type="checkbox" class="icon-checkbox mr10" id="defaultFlag">
                    <span class="c-909090">默认收药人</span>
                </div>
                <div class="c-row mt30">
                    <div class="c-50 c-t-center">
                        <a class="c-btn-blue" id="saveAddr">保存</a>
                    </div>
                    <div class="c-50 c-t-center">
                        <a class="c-btn-default" id="delAddr">删除</a>
                    </div>
                </div>
            </div>
        </div>
        <!--居民信息模板-->
        <script type="text/html" id="patientInfo_tmp">
            <li class="ptb10 c-list-li">
                <div class="c-list-key c-f14 c-333">续方居民：</div>
                <div class="c-list-info c-f14 c-333">{{name}}</div>
            </li>
            <li class="ptb10 c-list-li">
                <div class="c-list-key c-f14 c-333">身份证号：</div>
                <div class="c-list-info c-f14 c-333">{{idcard}}</div>
            </li>
            <li class="ptb10 c-list-li">
                <div class="c-list-key c-f14 c-333">医保卡号：</div>
                <div class="c-list-info c-f14 c-333">{{ssc}}</div>
            </li>
        </script>
        
        <!--药品信息模板-->
        <script type="text/html" id="drug_tmp">
            {{each list as it}}
            <li class="ptb10">
                <div class="c-f14 c-333">{{it.drugName}}</div>
                <div class="box">
                    <div class="box-key">
                        <span class="c-909090 c-f14">总量：</span>
                        <span class="c-333 c-f14">{{it.num}}{{it.drugNumUnitName}}</span>
                    </div>
                    <div class="box-info c-t-right">
                        <span class="c-f14 c-ff8273">&#165;{{it.sumPrice}}</span>
                    </div>
                </div>
                <!--<div class="box">
                    <div class="box-key">
                        <span class="c-909090 c-f14">药房库存：</span>
                        <span class="c-333 c-f14">1340</span>
                    </div>
                </div>-->
            </li>
            {{/each}}
        </script>
        <script type="text/html" id="addr_tmp">
            {{each list as it}}
            <li class="mt10" data-json="{{it.jsonStr}}">
                <div class="c-list-info plr10 ptb10">
                    <div class="c-row mb5">
                        <div class="c-50">
                            {{if it.default_flag == 1}}
                            <span style="color: red;">【默认】</span>
                            {{/if}}
                            {{it.name}}
                        </div>
                        <div class="c-50 c-t-right">{{it.phone}}</div>
                    </div>
                    <div>{{it.province_name}}{{it.city_name}}{{it.town_name}}{{it.adress}}</div>
                </div>
                <div class="c-list-key bgc-17b3ec">
                    <span class="c-fff">管理</span>
                </div>
            </li>
            {{/each}}
        </script>
    </body>
    <script src="../../../js/jquery/2.1.3/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/weixin_common.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/commit_validate.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
    <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/mui.view.js "></script>
    <script src="../../../js/mui.picker.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/mui.poppicker.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/payment.js" type="text/javascript" charset="utf-8"></script>
</html>

html/prescription/html/prescription_detail.html

@@ -0,0 +1,97 @@
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="author" content="yihu.com" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <title>处方详情</title>
        <link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
        <link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css" />
        <link rel="stylesheet" href="../../../iconfont/iconfont.css" type="text/css" />
        <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
        <link rel="stylesheet" type="text/css" href="../css/base.css"/>
    </head>
    <body class="bgc-f2f4f6">
        <div class="mt10 c-border-tb bgc-fff">
            <div class="c-border-b plr10 h40 lh40">
                <img src="../images/jibenxinxi_icon.png" width="20" class="mr10 header-icon">
                <span class="c-f16 c-333">基本信息</span>
            </div>
            <div class="plr10 ptb10">
                <table class="c-f14">
                    <tr>
                        <td class="c-909090 c-t-right" width="100">开方时间：</td>
                        <td><p class="ml10 c-f14" id="dateTime"></p></td>
                    </tr>
                    <tr>
                        <td class="c-909090 c-t-right" width="100">开方医生：</td>
                        <td><p class="ml10 c-f14" id="docName"></p></td>
                    </tr>
                    <tr>
                        <td class="c-909090 c-t-right" width="100">科室/医院：</td>
                        <td><p class="ml10 c-f14" id="deptName"></p></td>
                    </tr>
                    <tr>
                        <td class="c-909090 c-t-right" width="100">是否可续方：</td>
                        <td><p class="ml10 c-f14" id="reuseStatus"></p></td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="mt10 c-border-tb bgc-fff">
            <div class="c-border-b plr10 h40 lh40">
                <img src="../images/linchuanzhenduan_icon.png" width="20" class="mr10 header-icon">
                <span class="c-f16 c-333">临床诊断</span>
            </div>
            <div class="ptb10 plr10 c-f14 c-333" id="deseaseDetail">
            </div>
        </div>
        <div class="mt10 c-border-tb bgc-fff">
            <div class="c-border-b plr10 h40 lh40">
                <img src="../images/RP_icon.png" width="20" class="mr10 header-icon">
                <span class="c-f16 c-333">RP</span>
            </div>
            <ul class="plr10" id="rpList">
            </ul>
        </div>
        <p class="c-t-center c-909090 c-f12 mt10">详情内容以医院出具纸质病例为准</p>
        <div class="c-t-center mt15 mb20 c-hide" id="btn-div">
            <a class="c-btn bgc-74bf00 c-f16 c-btn-radius" data-status="">申请续方</a>
        </div>
        
        <!--药品信息模板-->
        <script type="text/html" id="rp_tmp">
            {{each list as rp}}
            <li class="ptb10">
                <div class="c-f14 c-333">{{rp.drugName}}</div>
                <div>
                    <span class="c-f14 c-909090">用法：</span>
                    <span class="c-f14 c-333">{{rp.usageName}}</span>
                    <span class="c-f14 c-333 ml10">每次{{rp.physicDose}}{{rp.physicDoseUnitName}}</span>
                    <span class="c-f14 c-333 ml10">{{rp.drugRateName}}</span>
                </div>
                <div class="c-row">
                    <div class="c-50">
                        <span class="c-f14 c-909090">总量：</span>
                        <span class="c-f14 c-333">{{rp.num}}{{rp.drugNumUnitName}}</span>
                    </div>
                    <div class="c-50">
                        <span class="c-f14 c-909090">规格：</span>
                        <span class="c-f14 c-333">{{rp.drugFormat}}</span>
                    </div>
                </div>
            </li>
            {{/each}}
        </script>
    </body>
    <script src="../../../js/jquery/2.1.3/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/weixin_common.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
    <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/prescription_detail.js" type="text/javascript" charset="utf-8"></script>
</html>

html/prescription/html/prescription_records.html

@@ -0,0 +1,217 @@
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="author" content="yihu.com" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <title>处方记录</title>
        <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
        <link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
        <link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css" />
        <link rel="stylesheet" href="../../../iconfont/iconfont.css" type="text/css" />
        <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
        <link rel="stylesheet" type="text/css" href="../css/prescription_records.css"/>
    </head>
    <body class="bgc-f2f4f6">
        <div id="memberContainer"></div>
        <div id="slider" class="mui-slider mui-fullscreen">
            <div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
                <div class="c-row bgc-fff">
                    <div class="c-33 c-t-center">
                        <a class="c-f16 mui-control-item mui-active" id="cfRecords" href="#item1">处方记录</a>
                    </div>
                    <div class="c-33 c-t-center">
                        <a class="c-f16 mui-control-item" href="#item2">我的续方</a>
                    </div>
                    <div class="c-33 c-t-center">
                        <a class="c-f16 mui-control-item" href="#item3">续方管理</a>
                    </div>
                </div>
            </div>
            <div class="mui-slider-group">
                <div id="item1" class="mui-slider-item mui-control-content mui-active">
                    <div class="mui-scroll-wrapper c-hide">
                        <div class="mui-scroll">
                            <div class="straight-line"></div>
                            <div id="viewXFOnly">
                                <input type="checkbox" class="icon-checkbox" id="checkbox">
                                <label for="checkbox" class="c-f12 c-909090 ml5">只查看可续方记录</label>
                            </div>
                            <div id="recordList0" class="mb40">
                                
                            </div>
                            <!--<div class="mlr10 mt20 next-btn" id="next">下一条记录</div>-->
                        </div>
                    </div>
                    <div class="div-no-info c-hide">
                        <img src="../../../images/shujuweikong_img.png" alt="无数据" style="width: 100%;">
                        <div class="info-text c-f14">暂无处方记录</div>
                    </div>
                </div>
                <div id="item2" class="mui-slider-item mui-control-content">
                    <div class="mui-scroll-wrapper">
                        <div class="mui-scroll">
                            <div class="straight-line"></div>
                            <div id="recordList1" class="mb40">
                            </div>
                        </div>
                    </div>
                    <div class="div-no-info c-hide">
                        <img src="../../../images/shujuweikong_img.png" alt="无数据" style="width: 100%;">
                        <div class="info-text c-f14">暂无审核通过的续方记录</div>
                    </div>
                </div>
                <div id="item3" class="mui-slider-item mui-control-content">
                    <div class="mui-scroll-wrapper">
                        <div class="mui-scroll">
                            <div class="straight-line"></div>
                            <div id="recordList2" class="mb40">
                            </div>
                        </div>
                    </div>
                    <div class="div-no-info c-hide">
                        <img src="../../../images/shujuweikong_img.png" alt="无数据" style="width: 100%;">
                        <div class="info-text c-f14">暂无您的续方记录</div>
                    </div>
                </div>
            </div>
        </div>
        <div id="building" class="c-hide">
            <div style="position: absolute; width: 100%; top: 50%; margin-top: -125px;">
                <img src="../../../images/03queshengye_img.png" width="100%" alt="" />
                <p class="mt30 c-f14 c-909090 c-t-center">正在建设中，敬请期待...</p>
            </div> 
        </div>
        <script type="text/html" id="record_tmp">
            {{each list as it key}}
            {{if isNewYear == 1}}
            <div class="mt5"><span class="c-f12 year-flag c-a8a8a8">{{key}}</span></div>
            {{/if}}
            {{each it as rc}}
            <div class="ui-grid plr10 mt10">
                <div class="ui-col-0">
                    <span class="c-f12 c-ff9526 mr5">{{rc.createTime | getDate}}</span>
                    <div class="dot-box"><span class="dot"></span></div>
                </div>
                <div class="ui-col-1 ml10 prescription-item" data-code="{{rc.code}}" data-patient="{{rc.patient}}" data-pname="{{rc.patientName}}">
                    <div class="bgc-fff c-radius-8">
                        <div class="bgc-ff9526 h30 lh30 card-header-bar">
                            <span class="c-f14 c-fff">门诊</span> 
                            <span class="c-f12 c-fff fr">{{rc.canXFName}}</span>
                        </div>
                        <div class="plr10 pt5 pb10">
                            <span class="c-f16 c-333 disease-label">
                                {{each rc.prescriptionDt as dt}}
                                {{dt.healthProblemName}} 
                                {{/each}}
                            </span>
                            {{if rc.canXF}}
                            <a class="btn c-f12" data-status="{{rc.xfStatus}}" data-preCode="{{rc.prescriptionCode}}">{{if rc.xfStatus == 1}}申请续方{{else}}续方审核中{{/if}}</a>
                            {{/if}}
                            <p class="c-f12 c-909090 mt5">
                                <img src="../images/yiyuanjianzhu_icon.png" style="width: 14px;" class="mr5">
                                {{rc.hospitalName}}
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            {{/each}}
            {{/each}}
        </script>
        <script type="text/html" id="record1_tmp">
            {{each list as it key}}
            <div class="mt5"><span class="c-f12 year-flag">{{key | getAbs}}</span></div>
            {{each it as rc}}
            <div class="ui-grid plr10 mt10">
                <div class="ui-col-0">
                    <div class="dot-box"><span class="dot"></span></div>
                </div>
                <div class="ui-col-1 ml10 prescription-item" data-code="{{rc.code}}">
                    <div class="bgc-fff c-radius-8">
                        <div class="bgc-ff9526 h30 lh30 card-header-bar">
                            <span class="c-f14 c-fff">{{rc.createTime | getDateTime}}</span> 
                            <span class="c-f12 c-fff fr">
                                <span class="small-dot mr5"></span>{{rc.status | showStatus}}
                            </span>
                        </div>
                        <div class="plr10 pt5 pb10">
                            <span class="c-f16 c-333 disease-label">
                                {{each rc.prescriptionDt as dt}}
                                {{dt.name}} 
                                {{/each}}
                            </span>
                            {{if rc.status > 40}}
                            <a class="btn c-f12" data-status="">订单跟踪</a>
                            {{/if}}
                            <p class="c-f12 c-909090 mt5">
                                <img src="../images/yiyuanjianzhu_icon.png" style="width: 14px;" class="mr5">
                                {{rc.hospitalName}}
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            {{/each}}
            {{/each}}
        </script>
        <script type="text/html" id="record2_tmp">
            {{each list as it key}}
            <div class="mt5"><span class="c-f12 year-flag">{{key | getAbs}}</span></div>
            {{each it as rc}}
            <div class="ui-grid plr10 mt10">
                <div class="ui-col-0">
                    <div class="dot-box"><span class="dot"></span></div>
                </div>
                <div class="ui-col-1 ml10 prescription-item" data-code="{{rc.code}}">
                    <div class="bgc-fff c-radius-8">
                        <div class="bgc-ff9526 h30 lh30 card-header-bar">
                            <span class="c-f14 c-fff">{{rc.createTime | getDateTime}}</span>
                            {{if rc.isAdjust == 1}}
                            <span class="c-f12 c-fff fr">
                                <span class="small-dot mr5"></span>处方调整
                            </span>
                            {{/if}}
                        </div>
                        <div class="plr10 pt5 pb10 c-position-r">
                            <p class="c-f16 c-333 disease-label">
                                {{each rc.prescriptionDt as dt}}
                                {{dt.name}} 
                                {{/each}}
                            </p>
                            <p class="c-f14 c-323232 pill-label">
                                {{each rc.prescriptionInfo as drug index}}
                                {{if index <= 1 }}
                                <span class="{{if index > 0}}ml15{{/if}}">{{drug.drugName}} {{drug.num}}</span>
                                {{/if}}
                                {{/each}}
                            </p>
                            <p class="c-f12 c-909090 mt5">
                                <img src="../images/yiyuanjianzhu_icon.png" style="width: 14px;" class="mr5">
                                {{rc.hospitalName}}
                            </p>
                            <img src="{{rc.status | returnStatusImg}}" class="status-icon">
                        </div>
                    </div>
                </div>
            </div>
            {{/each}}
            {{/each}}
        </script>
    </body>
    <script src="../../../js/jquery/2.1.3/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/weixin_common.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
    <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/underscore.js"></script>
    <script src="../../../js/family-members.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="../js/getPrescriptionStatus.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/prescription_records.js" type="text/javascript" charset="utf-8"></script>
</html>

html/prescription/html/re-prescription_cancel.html

@@ -0,0 +1,90 @@
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="author" content="yihu.com" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <title>续方取消</title>
        <link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
        <link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css" />
        <link rel="stylesheet" href="../../../iconfont/iconfont.css" type="text/css" />
        <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
        <link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css"/>
        <link rel="stylesheet" type="text/css" href="../css/base.css"/>
    </head>
    <body class="bgc-f2f4f6">
        <div class="mt10 c-border-tb h40 lh40 c-position-r plr10 bgc-fff" id="reason">
            <span class="c-f16 c-333">取消原因</span>
            <span class="c-f14 c-909090 fr mr20" id="reasonText">请选择</span>
            <span class="arrow-r"></span>
        </div>
        <div class="mb20 plr20 footer-bar2">
            <a href="javascript:;" class="c-btn2 c-btn-green c-f16" id="submitBtn">提交</a>
        </div>
    </body>
    <script src="../../../js/jquery/2.1.3/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/weixin_common.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
    <script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        $(function(){
            var d = dialog({
                contentType: 'load',
                skin: 'bk-popup'
            });
            var request = GetRequest();
            var reason = '';
            $('#reason').mobiscroll({
                theme: 'ios',
                lang: 'zh',
                customWheels: true,
                wheels: [
                    [{
                        keys: ['1', '2', '3', '4'],
                        values: ['续方信息填写错误', '续方药品库存不足', '续方审核时间过长，已线下开处方', '其它']
                    }]
                ],
                onSelect: function(valueText, inst) {
                    var dd = eval("[" + valueText + "]");
                    $('#reasonText').text(dd[0].values).css('color','#333');
                    $('#reasonText').attr("data-value", dd[0].keys);
                    reason = dd[0].values;
                }
            });
            
            $("#submitBtn").on('click', function(){
                if(!reason){
                    dialog({
                        contentType: 'tipsbox',
                        skin: 'bk-popup',
                        content: '请选择取消原因'
                    }).show();
                    return false;
                }
                d.show();
                var url = '/patient/prescriptionInfo/cancelPrescriotion',
                    params = {
                        code: request.code,
                        reason: reason
                    };
                sendPost(url, params, 'json', 'post', function(res){
                    d.close();
                    dialog({
                        contentType: 'tipsbox',
                        skin: 'bk-popup',
                        content: '取消失败'
                    }).show();
                }, function(res){
                    d.close();
                    window.localStorage.setItem("pageback", "1");
                    history.go(-1);
                })
            })
        })
    </script>
</html>

html/prescription/html/re-prescription_detail.html

@@ -0,0 +1,110 @@
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="author" content="yihu.com" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <title>续方详情</title>
        <link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
        <link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css" />
        <link rel="stylesheet" href="../../../iconfont/iconfont.css" type="text/css" />
        <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
        <link rel="stylesheet" type="text/css" href="../css/base.css"/>
    </head>
    <body class="bgc-f2f4f6">
        <div class="mt10 c-border-tb bgc-fff">
            <div class="c-border-b plr10 h40 lh40">
                <img src="../images/jibenxinxi_icon.png" width="20" class="mr10 header-icon">
                <span class="c-f16 c-333">基本信息</span>
            </div>
            <div class="plr10 ptb10">
                <table class="c-f14">
                    <tr>
                        <td class="c-909090 c-t-right" width="100">开方时间：</td>
                        <td><p class="ml10 c-f14" id="dateTime"></p></td>
                    </tr>
                    <tr>
                        <td class="c-909090 c-t-right" width="100">开方医生：</td>
                        <td><p class="ml10 c-f14" id="docName"></p></td>
                    </tr>
                    <tr>
                        <td class="c-909090 c-t-right" width="100">科室/医院：</td>
                        <td><p class="ml10 c-f14" id="deptName"></p></td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="mt10 c-border-tb bgc-fff">
            <div class="c-border-b plr10 h40 lh40">
                <img src="../images/linchuanzhenduan_icon.png" width="20" class="mr10 header-icon">
                <span class="c-f16 c-333">临床诊断</span>
            </div>
            <div class="ptb10 plr10 c-f14 c-333" id="deseaseDetail">
            </div>
        </div>
        <div class="mt10 c-border-tb bgc-fff">
            <div class="c-border-b plr10 h40 lh40">
                <img src="../images/RP_icon.png" width="20" class="mr10 header-icon">
                <span class="c-f16 c-333">RP</span>
            </div>
            <ul class="plr10" id="rpList">
            </ul>
        </div>
        
        <div class="mt10 c-border-tb bgc-fff">
            <div class="c-border-b plr10 h40 lh40">
                <img src="../images/yishizhengshu_icon.png" width="20" class="mr10 header-icon">
                <span class="c-f16 c-333">医师CA证书</span>
            </div>
            <div class="plr10 ptb10">
                <span class="c-f14 c-909090">医师姓名：</span>
                <span class="c-f14 c-333" id="caDoc"></span>
            </div>
            <div class="plr10 ptb10">
                <span class="c-f14 c-909090">认证状态：</span>
                <span class="c-f14 c-333" id="caType"></span>
            </div>
        </div>
        
        <div class="mt10 bgc-fff c-border-tb plr10 h40 lh40 c-position-r" id="xfRecord">
            <img src="../images/xufangjilu_icon.png" width="20" class="header-icon mr10" />
            <span class="c-f16 c-333">续方记录</span>
            <span class="arrow-r"></span>
        </div>
        
        <!--药品信息模板-->
        <script type="text/html" id="rp_tmp">
            {{each list as rp}}
            <li class="ptb10">
                <div class="c-f14 c-333">{{rp.drugName}}</div>
                <div>
                    <span class="c-f14 c-909090">用法：</span>
                    <span class="c-f14 c-333">{{rp.usageName}}</span>
                    <span class="c-f14 c-333 ml10">每次{{rp.physicDose}}{{rp.physicDoseUnitName}}</span>
                    <span class="c-f14 c-333 ml10">{{rp.drugRateName}}</span>
                </div>
                <div class="c-row">
                    <div class="c-50">
                        <span class="c-f14 c-909090">总量：</span>
                        <span class="c-f14 c-333">{{rp.num}}{{rp.drugNumUnitName}}</span>
                    </div>
                    <div class="c-50">
                        <span class="c-f14 c-909090">规格：</span>
                        <span class="c-f14 c-333">{{rp.drugFormat}}</span>
                    </div>
                </div>
            </li>
            {{/each}}
        </script>
    </body>
    <script src="../../../js/jquery/2.1.3/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/weixin_common.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
    <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/re-prescription_detail.js" type="text/javascript" charset="utf-8"></script>
</html>

html/prescription/html/re-prescription_info.html

@@ -0,0 +1,175 @@
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="author" content="yihu.com" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <title>续方记录</title>
        <link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
        <link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css" />
        <link rel="stylesheet" href="../../../css/form.ui.css" type="text/css" />
        <link rel="stylesheet" href="../../../iconfont/iconfont.css" type="text/css" />
        <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
        <link rel="stylesheet" type="text/css" href="../../../js/layer.mobile-v2.0/layer_mobile/need/layer.css"/>
        <link rel="stylesheet" type="text/css" href="../css/base.css"/>
    </head>
    <body class="bgc-f2f4f6">
        <div class="mt10 bgc-fff c-border-tb plr10 h40 lh40 c-position-r" id="prescriptionInfo" data-cod="">
            <img src="../images/yuanchufangjilu_icon.png" width="20" class="header-icon mr10" />
            <span class="c-f16 c-333">原处方记录</span>
            <span class="arrow-r"></span>
        </div>
        <div class="mt10 c-border-tb bgc-fff">
            <div class="c-border-b plr10 h40 lh40">
                <img src="../images/jumingxinxi_icon.png" width="20" class="mr10 header-icon">
                <span class="c-f16 c-333">居民信息</span>
            </div>
            <ul class="plr10" id="patientInfo">
            </ul>
        </div>
        <div class="mt10 c-border-tb bgc-fff">
            <div class="c-border-b plr10 h40 lh40">
                <img src="../images/xunfangxinxi_icon.png" width="20" class="mr10 header-icon">
                <span class="c-f16 c-333">续方信息</span>
            </div>
            <ul class="c-list plr10" id="rePreInfo">
            </ul>
        </div>
        <div class="mt10 c-border-tb bgc-fff plr10 h40 lh40 c-position-r c-hide" id="orderTracking">
            <img src="../images/dingdangengzong_icon.png" alt="订单跟踪" width="20" class="mr10 header-icon" />
            <span class="c-f16 c-333">订单跟踪</span>
            <span class="arrow-r"></span>
        </div>
        <div class="mt10 c-border-tb bgc-fff" id="changeDrugPanel">
            <div class="c-border-b plr10 h40 lh40">
                <img src="../images/tiaozhengchufang_icon.png" alt="调整处方" width="20" class="mr10 header-icon" />
                <span class="c-f16 c-333">调整后处方</span>
            </div>
            
            <ul class="plr10 pill-list" id="drugsList">
                <li class="ptb10">
                    <div class="box">
                        <div class="c-f14 c-333">诊断结果：</div>
                        <div class="box-info c-f14 c-333" id="diagnosis"></div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="mt10 c-border-tb bgc-fff">
            <div class="c-border-b plr10 h40 lh40">
                <img src="../images/shenhejilu_icon.png" width="20" class="mr10 header-icon">
                <span class="c-f16 c-333">审核记录</span>
            </div>
            <ul class="plr10 pill-list" id="checkInfo">
            </ul>
        </div>
        
        <!--显示续方咨询的按钮-->
        <div class="xfzx-btn" id="xfzx">
            <img src="../images/xufangzixuan_xuanfu_icon.png" width="50">
        </div>
        
        <div class="mtb20 plr20 c-hide" id="applyAgain" data-code="">
            <a href="javascript:;" class="c-btn2 c-btn-green c-f16" >再次申请</a>
        </div>
        <div class="mtb20 plr20 c-hide" id="cancel">
            <a href="javascript:;" class="c-btn2 c-f16 c-btn-red">取消续方</a>
        </div>
        
        <!--居民信息模板-->
        <script type="text/html" id="patientInfo_tmp">
            <li class="ptb10 c-f14 c-333">续方居民：<span class="ml10">{{name}}</span></li>
            <li class="ptb10 c-border-t c-f14 c-333">身份证号：<span class="ml10">{{idcard}}</span></li>
            <li class="ptb10 c-border-t c-f14 c-333">医保卡号：<span class="ml10">{{ssc}}</span></li>
        </script>
        
        <!--续方信息模板-->
        <script type="text/html" id="rePreInfo_tmp">
            <li class="ptb10 c-list-li">
                <div class="c-list-key c-f14 c-333">续方说明：</div>
                <div class="c-list-info c-333 word-wrap pr0">
                    <span class="c-f14">{{reason}}</span>
                </div>
            </li>
            {{if status == 40 || status == 41}}
            <li class="ptb10 c-list-li">
                <div class="c-list-key c-f14 c-333 lh34">续方状态：</div>
                <div class="c-list-info c-333 pr0 lh34" id="pay">
                    <span class="c-f14 c-waiting">待支付</span>
                    <a href="javascript:;" class="c-btn3 h34 lh34 gbc-47a8ef c-f14 fr">待支付（<span class="c-f14" id="remainTime"></span>）</a>
                </div>
            </li>
            {{else}}
            <li class="ptb10 c-list-li">
                <div class="c-list-key c-f14 c-333">续方状态：</div>
                <div class="c-list-info c-333 pr0">
                    <span class="c-f14 {{status | getStatusColor}}">{{status | getStatusName}}</span>
                </div>
            </li>
            {{/if}}
        </script>
        
        <!--审核记录的模板-->
        <script type="text/html" id="checkInfo_tmp">
            <li class="ptb10 c-f14 c-333">申请时间：<span class="ml10">{{createTime}}</span></li>
            <li class="ptb10 c-f14 c-333">审核医生：<span class="ml10">{{doctorName}}</span></li>
            <li class="ptb10 c-f14 c-333">
                <div class="box">
                    <div class="mr10 c-f14">审核机构：</div>
                    <div class="box-info word-wrap c-f14">{{hospitalName}}</div>
                </div>
            </li>
            {{if status != 0}}
            <li class="ptb10 c-f14 c-333">审核时间：<span class="ml10">{{reviewedTime}}</span></li>
            {{/if}}
            <li class="ptb10 c-f14 c-333">审核结果：<span class="ml10 {{status | getCheckResultColor}}">{{status | getCheckResult}}</span></li>
            {{if status == -1}}
            <li class="ptb10 c-f14 c-333">
                <div class="box">
                    <div class="mr10 c-f14">原因：</div>
                    <div class="box-info word-wrap c-f14 c-info">{{reason}}</div>
                </div>
            </li>
            {{/if}}
        </script>
        
        <!--药品记录模板-->
        <script type="text/html" id="drug_tmp">
            {{each list as it}}
            <li class="ptb10">
                <p class="c-f14 c-333">{{it.drugName}}</p>
                <div>
                    <span class="c-f14 c-909090">用法：</span>
                    <span class="c-f14 c-333">{{it.usageName}}</span>
                    <span class="c-f14 c-333 ml10">每次{{it.physicDose}}{{it.physicDoseUnitName}}</span>
                    <span class="c-f14 c-333 ml10">{{it.drugRateName}}</span>
                </div>
                <div class="c-row">
                    <div class="c-50">
                        <span class="c-f14 c-909090">总量：</span>
                        <span class="c-f14 c-333">{{it.num}}{{it.drugNumUnitName}}</span>
                    </div>
                    <div class="c-50 word-wrap">
                        <span class="c-f14 c-909090">规格：</span>
                        <span class="c-f14 c-333">{{it.drugFormat}}</span>
                    </div>
                </div>
            </li>
            {{/each}}
        </script>
    </body>
    <script src="../../../js/jquery/2.1.3/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/weixin_common.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
    <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="../js/getPrescriptionStatus.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="../../../js/isRepresented.js"></script>
    <script type="text/javascript" src="../../../js/layer.mobile-v2.0/layer_mobile/layer.js"></script>
    <script src="../js/re-prescription_info.js" type="text/javascript" charset="utf-8"></script>
</html>

html/prescription/js/getPrescriptionStatus.js

@@ -0,0 +1,180 @@
//续方各状态返回值
//（-3 支付过期 -2 患者自己取消 ）续方取消，
//-1 审核不通过 ,
//（0 待审核, 2调整中，3调整成功, 4调整失败 ,10 医生审核(CA)通过）审核中，
//20药师审核中,
//21.药师审核失败,
//30 开方中/药师审核成功,
//31.开方失败,
//（40开方完成/待支付 ，41 支付失败 ）待支付， 
// 50 支付成功/待配药，
//（60配药成功/待配送）等待领药，
//（61配送失败62分配健管师 65配送中，69配送到服务站）配送中，
//（100配送到患者手中/已完成）已完成
//根据状态获得相关信息
function getStatusInfoAndImg(status){
    var name = "",
        img = "";
    status = status + '';
    switch (status){
        case '-5': //线下取消
        case '-4': //线下退费
        case '-3':
            name = '支付过期';
            img = '../images/yiquxiao_icon.png';
            break;
        case '-2':
            name = '患者自己取消';
            img = '../images/yiquxiao_icon.png';
            break;
        case '-1':
        case '21':
            name = '审核不通过';
            img = '../images/shenhebutongguo_icon.png';
            break;
        case '0':
        case '2':
        case '3':
        case '4':
        case '10':
        case '20':
        case '30':
        case '31':
            name = '审核中';
            img = '../images/shenhezhong_icon.png';
            break;
        case '40':
        case '41':
            name = '待支付';
            img = '../images/daizhifu_icon.png';
            break;
        case '50':
            name = '配药中';
            img = '../images/peiyaozhong_icon.png';
            break;
        case '60':
            name = '等待领药';
            img = '../images/dengdailingyao_icon.png';
            break;
        case '61':
        case '62':
        case '65':
        case '69':
            name = '配送中';
            img = '../images/peisongzhong_icon.png';
            break;
        case '100':
            name = '已完成';
            img = '../images/yiwancheng_icon.png';
            break;
        default:
            break;
    }
    return {name: name, img: img};
}
function getStatusName(status){
    var name = "",
        img = "";
    status = status + '';
    switch (status){
        case '-5':
            name = "线下取消";
            break;
        case '-4':
            name = "线下退费";
            break;
        case '-3':
            name = '支付过期';
            break;
        case '-2':
            name = '患者自己取消';
            break;
        case '-1':
            name = '审核不通过';
            break;
        case '0':
        case '2':
        case '3':
        case '4':
        case '10':
            name = '审核中';
            break;
        case '20':
            name = '药师审核中';
            break;
        case '21':
            name = '药师审核失败';
            break;
        case '30':
            name = '开方中';
            break;
        case '31':
            name = '开方失败';
            break;
        case '40':
            name = '待支付';
            break;
        case '41':
            name = '支付失败';
            break;
        case '50':
            name = '配药中';
            break;
        case '60':
            name = '等待领药';
            break;
        case '61':
        case '62':
        case '65':
        case '69':
            name = '配送中';
            break;
        case '100':
            name = '已完成';
            break;
        default:
            break;
    }
    return name;
}
function getStatusColor(status){
    var name = "",
        color = "";
    status = status + '';
    switch (status){
        case '-5': //线下取消
        case '-4': //线下退费
        case '-3': //'支付过期'
        case '-2': //'患者自己取消'
        case '-1': //'审核不通过'
        case '21': //'药师审核失败'
        case '31': //'开方失败'
        case '41': //'支付失败'
            color = 'c-error';
            break;
        case '0':
        case '2':
        case '3':
        case '4':
        case '10':
        case '20':
        case '30':
        case '40':
        case '50':
        case '60':
        case '61':
        case '62':
        case '65':
        case '69':
            color = 'c-waiting';
            break;
        case '100':
            color = 'c-success';
            break;
        default:
            break;
    }
    return color;
}

html/prescription/js/my-medicine-code.js

@@ -0,0 +1,108 @@
var page = 1,
	pageSize = 10;
		
var d = dialog({contentType:'load', skin:'bk-popup'});
var scroller,
	$mainContent = $('#mainContent'),
	$noData = $('.div-no-info');
var userAgent = window.localStorage.getItem(agentName);
var pagetype = 45;
$(function(){
	checkUserAgent();
	
	scroller =  new IScrollPullUpDown('wrapper',{
		probeType:2,
		bounceTime: 250,
		bounceEasing: 'quadratic',
		mouseWheel:false,
		scrollbars:true,
		click:true,
		fadeScrollbars:true,
		interactiveScrollbars:false
	},pullDownAction,pullUpAction);
	
	//下拉刷新
	function pullDownAction(theScrollerTemp) {
		d.show();
		setTimeout(function () {		
			page=1;
			queryInit();
		}, 100)	
	}   
	//上拉加载数据
	function pullUpAction(theScrollerTemp) {
		d.show();
		setTimeout(function () {	
			page++;
			queryMoreData();
		}, 100)
	}
	template.helper('toStatus', function(v){
		if(v==60){return 'waiting'}
		if(v==65 || v==61 || v==62 || v==69){return 'transport'}
		if(v==100){return 'finish'}
	})
	function queryMoreData(){
		var data = {
			page:page,
			pagesize:pageSize
		};
		d.show();
		sendPost("patient/prescription/dispensaryCode/list", data, "json", "get", function(res){ queryFailed(res)}, function(res){
			if(res.status == 200){
				d.close();
				if(res.result.length >0){
					var html = template('list_tmp',{data:res.result});
					$('#j-card-list').append(html);
					scroller.myScroll.refresh();
				}else{
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'无更多数据'}).show();
				}	
			}else{
				queryFailed(res)
			}
		})
	}
	
	$('#j-card-list').on('click','li',function(){
		var code=$(this).data('id');
		window.location.href ="code-detail.html?prescriptionCode="+code;
	})
})
function queryInit(){
	var data = {
		page:page,
		pagesize:pageSize
	};
	d.show();
	sendPost("patient/prescription/dispensaryCode/list", data, "json", "get", function(res){ queryFailed(res)}, function(res){
		if(res.status == 200){
			d.close();
			if(res.result.length >0){
				var html = template('list_tmp',{data:res.result});
				$('#j-card-list').html(html);
				$mainContent.show();
			}else{
				$noData.show();
			}
			scroller.myScroll.refresh();
		}else{
			queryFailed(res)
		}
	})
}
//失败提示
function queryFailed(res){
	d.close();
	if (res && res.msg) {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();      
	} else {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'加载失败'}).show(); 
	}
}

html/prescription/js/order_tracking.js

@@ -0,0 +1,372 @@
var d = dialog({
    contentType: 'load',
    skin: 'bk-popup'
});
var pagetype = 41;
var request = GetRequest();
var code = request.code; //从链接中获得处方code
var toUser = request["toUser"];
var toName = decodeURIComponent(request["toName"]);
var openid = request["openid"];
var represented = request["represented"];
var userAgent = window.localStorage.getItem(agentName);
var userInfo;
$(function(){
    if(!userAgent) {
        localStorage.setItem("toUser",toUser);
        localStorage.setItem("prescriptionCode",code);
        window.location.href = "../../home/html/zhmm-login.html?openid=" + openid+"&type="+pagetype;
        return false;    
    }
    userInfo = JSON.parse(userAgent);
    initFamilyData();
    wxGetSign();
});
function initFamilyData () {
    //从微信模板消息进入
    if(represented && userAgent && toUser){
        if(toUser == represented){
            saveUserInfo(represented,userInfo.uid)
        }else if(toUser != represented && represented == userInfo.uid){
            //本人代理
            saveUserInfo(represented,newUaObj.uid)
        }else if(toUser != represented && toUser == userInfo.uid){
            //需要判定关系 200有授权 100家人 1无关系  
            saveUserInfo(represented,userInfo.uid)
        }else{
            //重新登录  
            relogin();
        }
    }else{
        //判断是否是本人的消息
        if(userInfo.uid != toUser){
            relogin();
        }else{
            getInfo();
            bindEvents();
        }
    }
}
//判断关系
function hasFamilyRelation(a,b){
    return new Promise(function(resolve, reject) {
        var data={
            patient:a,
            familyMember:b
        }
        sendPost("patient/family/is_authorize", data, "json", "get", function(res){
            dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请求家庭成员关系失败'}).show(); 
        }, function(res){
            if(res.status == 200) {
                window.localStorage.setItem('nowPatientName',res.data.name);
                resolve(res)
            }else if(res.status == 100) {
                dialog({
                    content:'对不起，'+res.data.name+'未授权给您，如需查看，请切换'+res.data.name+'账号登录',
                    okValue:'切换账号',
                    ok: function() {
                        window.localStorage.setItem(pageName, JSON.stringify({pageurl: location.href}))
                        window.location.href = "../../grzx/html/change-login.html?type=0&openid="+ request["openid"];
                    },
                    cancelValue: '我不看了',
                    cancel: function () {
                        wx.closeWindow();
                    }
                }).showModal();
            }else{
                relogin();
            }
            
        })
    })
}
//重新登录操作
function relogin(){
    dialog({
        content:'对不起，该消息是发给'+toName+'，如需查看，请切换'+toName+'账号登录',
        okValue:'切换账号',
        ok: function() {
            window.localStorage.setItem(pageName, JSON.stringify({pageurl: location.href}))
            window.location.href = "../../grzx/html/change-login.html?type=0&openid="+ request["openid"];
        },
        cancelValue: '我不看了',
        cancel: function () {
            wx.closeWindow();
        }
    }).showModal();
}
//保存信息
function saveUserInfo(a,b){
    Promise.all([hasFamilyRelation(a,b)]).then(function () {
        userInfo.represented = represented;
        window.localStorage.setItem(agentName,JSON.stringify(userInfo));
        getInfo();
        bindEvents();
    })
}
function getInfo(){
    var url = '/patient/prescription/prescriptionFollow',
        params = {prescriptionCode: code};
    sendPost(url, params,'json', 'get', queryFailed, function(res){
        if(res.status == 200){
            //如果是快递配送则没有取药码链接
            if(res.data.dispensaryDispensaryType == 2){
                $("#qyMa").hide();
            }else{
                if(res.data.prescriptionStatus < 60){
                    //配药成功前，不显示取药码
                    $("#qyMa").hide();
                }else{
                    $("#qyMa").show();
                }
            }
            //居民端订单跟踪,针对取药方式为"居民自取"的订单,增加确认取药及延长收药功能
            if(res.data.dispensaryDispensaryType == 2 || res.data.dispensaryDispensaryType == 1){
            		if(res.data.prescriptionStatus>=50 && res.data.prescriptionStatus<100){
            			$('#handle-bar').css("display","-webkit-box");
            			$('#waitqy').show();
            			if(res.data.createTime){
            				var nowDate = new Date();
            				var confirmDate = new Date((res.data.payTime) + (res.data.extendCount+1)*(24*7*60*60*1000));
	            			var date3=confirmDate.getTime()-nowDate.getTime()  //时间差的毫秒数
						
						if(date3>0){
							//计算出相差天数
							var days=Math.floor(date3/(24*3600*1000));
							//计算出小时数
							var leave1=date3%(24*3600*1000);    //计算天数后剩余的毫秒数
							var hours=Math.floor(leave1/(3600*1000));
							if(days == 0 && hours == 0){
								$('#waitqy').hide();
							}else if(days == 0){
								$('#waitqy').show();
								$('#confirmDay').html(hours+'小时')
							}else if(hours == 0){
								$('#waitqy').show();
								$('#confirmDay').html(days+'天')
							}else{
								$('#waitqy').show();
								$('#confirmDay').html(days+'天'+hours+'小时')
							}
						}else{
							$('#waitqy').hide();
						}
            			}
            			
            		}else{
            			$('#handle-bar').hide();
            			$('#waitqy').hide();
            		}
            }
            
            //填充药品信息
            var drugList = res.data.prescriptionInfos,
                drugHtml = "";
            drugHtml = template("drug_tmp", {list: drugList});
            $("#drugsList").empty().append(drugHtml);
            
            if(res.data.prescriptionPay){
	            	//填充订单记录信息
	            var orderInfo = {
	                ordersn: res.data.prescriptionPay.code,
	                dept: res.data.prescriptionHospital,
	                status: res.data.prescriptionStatus
	            },
	            orderHtml = "";
	            orderHtml = template("orderInfo_tmp", orderInfo);
	            $("#orderInfo").empty().append(orderHtml);
            }
            
            if(res.data.dispensaryDispensaryType){
	            	//填充收药信息
	            var recieveInfo = res.data.prescriptionExpressage;
	            recieveInfo.dispensaryType = res.data.dispensaryDispensaryType;
	            recieveInfo.dispensaryTypeName = res.data.dispensaryDispensaryTypeName;
	            var recieveInfoHtml = template('recieveInfo_tmp', recieveInfo);
	            $("#recieveInfo").empty().append(recieveInfoHtml);
            }
            
            if(res.data.prescriptionPay){
	            	 //填充支付记录信息
	            var paymentInfo = res.data.prescriptionPay,
	                paymentHtml = template('paymentInfo_tmp', paymentInfo);
	            $("#paymentInfo").empty().append(paymentHtml);
            }
           
            
        }else{
            queryFailed(res);
        }
    });
}
function delayMedicine(type){
	var url = '/patient/prescription/confirmReceipt'
	params = {
		prescriptionCode: code,
		type:type
		};
	sendPost(url, params, 'json', 'post', queryFailed, function(res){
        if(res.status == 200){
        		getInfo();
           if(type==1){
           	dialog({
	            contentType: 'tipsbox',
	            skin: 'bk-popup',
	            content: res.msg
	        }).show();
           }else{
           	dialog({
	            contentType: 'tipsbox',
	            skin: 'bk-popup',
	            content: res.msg
	        }).show();
           }
        }else{
            queryFailed(res);
        }
    });
}
//获得订单跟踪数据
function getOrderLogs(){
    var url = "/patient/prescriptionlog/orderFollow",
        params = {prescriptionCode: code};
    sendPost(url, params, 'json', 'get', queryFailed, function(res){
        if(res.status == 200){
            var html = template("orderLog_tmp", {list: res.data});
            $("#orderLogs").empty().append(html);
            $(".modal-content").show();
        }else{
            queryFailed(res);
        }
    });
}
function bindEvents(){
    //续方记录
    $("#xfRecord").on('click', function(){
        window.location.href = 're-prescription_info.html?code='+code+'&toUser='+userInfo.uid;
    });
    
    //取药码
    $("#qyMa").on('click', function(){
        window.location.href = 'code-detail.html?prescriptionCode='+code;
    });
    
    //快递记录
    $("#recieveInfo").on('click', '#expressInfo', function(res){
        var mailno = $(this).attr("data-code");
        window.location.href = "express_info.html?code="+code;
    });
    
    //订单状态
    $("#orderInfo").on('click', "#orderStatus", function(){
        $(".mask").show();
        //获取订单跟踪时间轴信息
        getOrderLogs();
    });
    
    //关闭按钮
    $("#closeBtn").on('click', function(){
        $(".mask").hide();
        $(".modal-content").hide();
    });
    
    //点击延长收药
    $('.delaysy').on('tap',function(){
    		dialog({
            content: "<div style='font-weight:600'>确认延长收药时间？</div>确认后自动收药时间将延长一周,每笔订单只能延长一次哦",
            okValue:'确认',
            ok: function (){    
                delayMedicine(2);
            },
            cancelValue: '取消',
            cancel: function () {
//              wx.closeWindow();
            }
        }).showModal();
    })
    //点击确认收药
    $('.confirmsy').on('tap',function(){
    		dialog({
            content: "<div style='font-weight:600'>确认已收药?</div>确认后订单将自动完成哦",
            okValue:'确认',
            ok: function (){    
                delayMedicine(1);
            },
            cancelValue: '取消',
            cancel: function () {
//              wx.closeWindow();
            }
        }).showModal();
    })
}
function queryFailed(res){
    d.close();
    if(res && res.msg) {
        dialog({
            contentType: 'tipsbox',
            skin: 'bk-popup',
            content: res.msg
        }).show();
    } else {
        dialog({
            contentType: 'tipsbox',
            skin: 'bk-popup',
            content: '加载失败'
        }).show();
    }
}
template.helper("getStatusName", function(status){
    return getStatusName(status);
});
template.helper('getTypeName', function(type){
    switch(type){
        case 1: 
            return "医保支付";
            break;
        default:
            return "";
            break;
    }
});
template.helper('formatMoney', function(money){
    var amount = money / 100;
    return amount.toFixed(2);
})
//获取微信信息，并配置微信api接口
function wxGetSign(){
    var params = {};
    params.pageUrl = window.location.href;
    $.ajax(server + "weixin/getSign", {
        data: params,
        dataType: "json",
        type: "post",
        success: function(res){
            if (res.status == 200) {
                var t = res.data.timestamp;
                var noncestr = res.data.noncestr;
                var signature = res.data.signature;
                wx.config({     
                    //debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                    appId: appId, // 必填，公众号的唯一标识
                    timestamp: t, // 必填，生成签名的时间戳
                    nonceStr: noncestr, // 必填，生成签名的随机串
                    signature: signature,// 必填，签名，见附录1
                    jsApiList: [
                        'closeWindow'
                    ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
                });
            } 
        }
    });
}

html/prescription/js/payment.js

@@ -0,0 +1,789 @@
var d = dialog({
    contentType: 'load',
    skin: 'bk-popup'
});
var request = GetRequest();
var code = request.code; //从链接中获得处方code
var $selectBar = $("#selectBar"),
    $zqBar = $("#zqBar"),
    $notice = $("#notice"),
    $initNotice = $("#initNotice"),
    $zqInputPanel = $('#zqInputPanel'),
    $jgpsInputPanel = $("#jgpsInputPanel"),
    $expressInputPanel = $("#expressInputPanel");
var btnDisabled = true, //标记按钮是否是不可以使用
    expressAddressInfo = {}, //记录配送信息
    orgCode, //标记患者签约的机构code
    totalAmount = 0;
var onlyGetBySelf = false, //只能自取
    canJGPS = false, //是否有服务站，有服务站可以选择健管师配送
    type,
    selectDate, //选择配送时间
    patiCode;
var selectedAddr, //选中的收药人地址信息
    editAddrObj; //新增或者修改时选择的地址数据
//  changeAddr = false; // 记录是否修改地址了
var picker; //地址下拉框变量
mui.init();
//初始化单页view
var viewApi = mui('#app').view({
    defaultPage: '#main'
});
var view = viewApi.view;
(function($) {
    //处理view的后退与webview后退
    var oldBack = $.back;
    $.back = function() {
        if (viewApi.canBack()) { //如果view可以后退，则执行view的后退
            viewApi.back();
        } else { //执行webview后退
            oldBack();
        }
    };
    //监听页面切换事件方案1,通过view元素监听所有页面切换事件，目前提供pageBeforeShow|pageShow|pageBeforeBack|pageBack四种事件(before事件为动画开始前触发)
    //第一个参数为事件名称，第二个参数为事件回调，其中e.detail.page为当前页面的html对象
    view.addEventListener('pageBeforeShow', function(e) {
        console.log(e.detail.page.id + ' beforeShow');
        if(e.detail.page.id == "addrList"){
            document.title = '选择收药人';
            //显示处方列表页面
            getAddressList();
        }else if(e.detail.page.id == "editPage"){
            document.title = '编辑收药信息';
            initExpressAddr();
            if(editAddrObj){
                fillEditData();
            }else{
                clearEditData();
            }
        }
        else if(e.detail.page.id == "main"){
            document.title = '续方订单支付';
            fillSelectedAddr();
            //计算运费
            getExpressPrice(selectedAddr.province_name, selectedAddr.city_name);
        }
    });
    
    //阻尼系数
    var deceleration = mui.os.ios?0.003:0.0009;
    $('.mui-scroll-wrapper').scroll({
        bounce: false,
        indicators: true, //是否显示滚动条
        deceleration:deceleration
    });
    $('.mui-scroll-wrapper').pullRefresh();
})(mui);
$(function(){
    getInfo();
    bindEvents();
});
function getInfo(){
    var url = "/patient/prescriptionInfo/getPrescriptionProcess",
        params = {code: code};
    
    sendPost(url, params, 'json', 'get', queryFailed, function(res){
        if(res.status == 200){
            //填充居民信息
            var patientInfo = res.data.patient,
                patientInfoHtml = "";
            patientInfoHtml = template('patientInfo_tmp', patientInfo);
            $("#patientInfo").empty().append(patientInfoHtml);
            patiCode = patientInfo.code;
            getPatientDefAddr();
            
            //获取收药信息
            orgCode = res.data.signFamily.hospital;
            getExpressInfo();
            
            //填充订单信息内容
            var drugsList = _.map(res.data.prescriptionInfo, function(o){
                var sumPrice = 0;
                if(o.cost){
                    var cost = parseFloat(o.cost) / 100;
//                  o.cost = cost;
                    sumPrice = cost;
                }
                totalAmount += sumPrice;
                o.sumPrice = sumPrice.toFixed(2);
                return o;
            });
            var drugsHtml = template('drug_tmp', {list: drugsList});
            $("#drgusList").empty().append(drugsHtml);
            
            //填充挂号费信息
            var fee = res.data.prescription.jwRegisterFee;
            if(!fee){
                fee = 0;
            }
            fee = parseFloat(fee);
            totalAmount += fee;
            $("#registerFee").html('¥'+fee.toFixed(2));
            $("#totalAmount").html('总金额：¥'+totalAmount.toFixed(2));
            
            //判断是否超时
            var status= res.data.prescription.status;
            if(status < 0){
                $("#submitBtn").addClass("disabled");
                $("#submitBtn").removeClass("bgc-47a8ef");
                $("#submitBtn").addClass("bgc-ccc");
            }
        }else{
            queryFailed(res);
        }
    });
}
//获得取药人默认地址
function getPatientDefAddr(){
    var url = "/patient/prescription/pay/getDefAddress",
        params = {patient: patiCode};
    sendPost(url, params, 'json', 'post', queryFailed, function(res){
        if(res.status == 200){
            if(res.data){
                selectedAddr = res.data;
                fillSelectedAddr();
                //计算运费
                getExpressPrice(selectedAddr.province_name, selectedAddr.city_name);
            }
        }else{
            queryFailed(res);
        }
    });
}
//填充选中的地址信息
function fillSelectedAddr(){
    var html = '<span class="mr30 c-f14">'+selectedAddr.name+'</span><span class="c-f14">'+selectedAddr.phone+'</span>',
        html2 = '<div>'+html+'</div><div class="c-f14">'+
            selectedAddr.province_name+ selectedAddr.city_name + selectedAddr.town_name +
            selectedAddr.adress+'</div>';
    
    //自取样式中填充
    $("#zqInputPanel .getAddr").html(html);
    //快递配送填充
    $("#expressInputPanel .getAddr").html(html2);
    //健管师配送填充
    $("#jgpsInputPanel .getAddr").html(html);
}
//获得收药信息
function getExpressInfo(){
    var url = '/patient/prescription/pay/dispatch',
        params = {
            prescriptionCode: code,
            orgCode: orgCode
        };
    sendPost(url, params, 'json', 'post', queryFailed, function(res){
        if(res.status == 200){
            var types = res.data.types; //1-自取，2-快递配送，3-健管师配送，那种配送方式不能选时，即不返回该数据
            //判断是否只能自取
            if((types.length == 1) && (types.indexOf(1) > -1 )){
                onlyGetBySelf = true;
                type = 1;
            }
            //判断是否可以选择健管师配送
            if(types.indexOf(3) > -1){
                canJGPS = true;
            }
            
            expressAddressInfo = res.data.self;
            var selfInfo = res.data.self,
                zqAddress = selfInfo.cityName+selfInfo.townName+selfInfo.address;
            $("#zqAddress").text(zqAddress);
            if(onlyGetBySelf){
                $selectBar.hide();
                $zqBar.show();
                $notice.text('您的订单中存在有需冷藏保存的药品，为保证药品质量，该订单需要您到社区药房自取');
                $notice.show();
                $initNotice.hide();
                $zqInputPanel.show();
                $jgpsInputPanel.hide();
                $expressInputPanel.hide();
            }else{
                $selectBar.show();
                var initNotice;
                if(canJGPS){
                    initQYSelectData(); //初始化取药方式下拉框
                    initServiceStation(res.data.manager.codes); //初始化服务站下拉框
                    initNotice = '您可选择到社区药房自取、快递派送上门或由健管师配送至您附近的卫生服务站，健管师配送暂时免费，快递配送所产生的快递费用需由您承担';
                }else{
                    initQYSelectData(true);
                    initNotice = '您可选择到社区药房自取或快递派送上门，快递配送所产生的快递费用需由您承担';
                }
                $initNotice.show();
                $initNotice.text(initNotice);
                $zqBar.hide();
                $notice.hide();
                $zqInputPanel.hide();
                $jgpsInputPanel.hide();
                $expressInputPanel.hide();
            }
        }else{
            queryFailed(res);
        }
    });
}
//初始化取药方式下拉框数据 noJGS - 判断是否没有健管师配送选项
function initQYSelectData(noJGS){
    var keys = ['1', '2', '3'],
        values = ['自取', '快递派送', '健管师配送'];
    if(noJGS){
        keys.splice(2,1);
        values.splice(2,1);
    }
    $('#qyfsSelect').mobiscroll({
        theme: 'ios',
        lang: 'zh',
        customWheels: true,
        wheels: [
            [{
                keys: keys,
                values: values
            }]
        ],
        onSelect: function(valueText, inst){
            $initNotice.hide();
            var dd = eval("[" + valueText + "]"),
                k = dd[0].keys,
                v = dd[0].values;
            $('#qyfsSelect input').val(v);
            $('#qyfsSelect input').attr("data-value", k);
            type = k;
            if(k == 1){
                $zqInputPanel.show();
                $jgpsInputPanel.hide();
                $expressInputPanel.hide();
            } else if(k == 2){
                $zqInputPanel.hide();
                $jgpsInputPanel.hide();
                $expressInputPanel.show();
                $notice.show();
                $notice.text('配药完成后将使用顺丰速运派送到您的收药地址，您需支付快递费用');
                //初始化快递地址信息
//              initExpressAddr();
            } else {
                $zqInputPanel.hide();
                $jgpsInputPanel.show();
                $expressInputPanel.hide();
                $notice.show();
                $notice.text('健管师将把药送到您选择的服务站，您需要至服务站取药');
            }
        }
    });
}
//编辑地址时，数据填充
function fillEditData(){
    $("#receiver").val(editAddrObj.name);
    $(".mobile").val(editAddrObj.phone);
    $("#addressSelect").find("input").val(editAddrObj.provinceName+editAddrObj.cityName+editAddrObj.townName);
    $("#address").val(editAddrObj.adress);
    $("#defaultFlag").prop("checked", (editAddrObj.defaultFlag == 1));
}
//清空表单数据
function clearEditData(){
    $("#receiver").val('');
    $(".mobile").val('');
    $("#addressSelect").find("input").val('');
    $("#address").val('');
    $("#defaultFlag").prop("checked", false);
}
//初始化服务站信息下拉选择框
function initServiceStation(data){
    var keys = [],
        values = [];
    
    var addressObj = {};
    for(i=0; i<data.length; i++){
        var item = data[i];
        keys.push(item.code);
        values.push(item.name);
        addressObj[item.code] = {};
        addressObj[item.code]['fullAddress'] = item.cityName+item.townName+item.address;
        addressObj[item.code]['obj'] = item;
    }
    
    $("#serviceStation").mobiscroll({
        theme: 'ios',
        lang: 'zh',
        customWheels: true,
        wheels: [
            [{
                keys: keys,
                values: values
            }]
        ],
        onSelect: function(valueText, inst){
            var dd = eval("[" + valueText + "]"),
                k = dd[0].keys,
                v = dd[0].values;
            $('#serviceStation input').val(v);
            $('#serviceStation input').attr("data-value", k);
            $("#serviceAdress input").val(addressObj[k]['fullAddress']);
            expressAddressInfo = addressObj[k]['obj'];
            $("#serviceAdress").show();
        }
    });
}
//初始化快递地址选择下拉框数据
function initExpressAddr(){
    picker = new mui.PopPicker({
        layer: 3,
        layerNames: ["省","市","区"]
    });
    
    //获取省份信息
    getDistrict(1, '', 0);
    bindPickerEvent();
}
//绑定picker的事件
function bindPickerEvent(){
    $(picker.pickers[0].holder).on('change', function(event) {
        var eventData = event.originalEvent.detail || {},
            item = eventData.item;
        
        if(!item || !item.value) {
            return ;
        }
        //获取市信息
        getDistrict(2, item.value, 1);
    });
    
    $(picker.pickers[1].holder).on('change', function(event) {
        var eventData = event.originalEvent.detail || {},
            item = eventData.item;
        if(!item || !item.value) {
            return ;
        }
        getDistrict(3, item.value, 2);
    })
}
/**
 * 获得省市区数据
 * @param {number} type 1-省，2-市，3-区
 * @param {string} code 省市对应的code
 * @param {number} level 对应下拉框对应的列 0-省，1-市，2-区
 */
function getDistrict(type, code, level){
    var url = 'common/district',
        params = {type: type, code: code};
    sendPost(url, params, 'json', 'post', queryFailed, function(res){
        if(res.status == 200){
            var data = _.map(res.list, function(o){
                return {
                    value: o.code,
                    text: o.name
                }
            });
            picker.pickers[level].setItems(data);
        }else{
            queryFailed(res);
        }
    });
}
//查询派送地址是否属于顺丰的派送范围
function checkOrderService(address){
    var url = "/patient/sfexpress/sforderfilterservice",
        params = {
            d_address: $("#addressSelect .select-input").val()+address
        };
    sendPost(url, params, 'json', 'get', queryFailed, function(res){
        if(res.status == 200){
            //在配送范围内
        }else{
            //不在配送范围内
            dialog({
                contentType: 'tipsbox',
                skin: 'bk-popup',
                content: '您填写的地址不在配送范围内，请填写其他地址'
            }).show();
        }
    });
}
//根据省，市信息获得邮费
function getExpressPrice(province, city){
    var url = '/patient/sfexpress/getsfexpressprice',
        params = {
            d_province: province,
            d_city: city
        };
    sendPost(url, params, 'json', 'get', queryFailed, function(res){
        if(res.status == 200){
            $("#expressPrice").text(res.data.firstWeightPrice);
        }else{
            queryFailed(res);
        }
    });
}
//提交支付
function submitToPay(){
    //首先判断是否绑定的电子社保卡
    checkBindStatus();
//  hard code 去支付页面
//  charge();
}
//判断是否有绑卡
function checkBindStatus(){
    d.show();
    var url = "/patient/bindCard";
    sendPost(url, {}, 'json', 'post', queryFailed, function(res){
        d.close();
        if(res.data.bindStatus == '000000'){ //已绑卡
            //跳转去支付页面
            //先获取缴费金额信息，然后再组装支付信息
            charge();
        }else if(res.data.bindStatus == '030007'){//未绑卡
            //跳转去绑卡链接
            var bindUrl = res.data.sicardUrl;
            window.location.href = bindUrl;
        }
    });
}
function charge(){
    d.show();
    var url = '/patient/prescription/pay/recipeCharge',
        params = {
            orgCode: orgCode, //患者签约医院code
            prescriptionCode: code,
            type: type, //配送方式 1:自取 2：快递 3：健管师配送
            addressJson: JSON.stringify(expressAddressInfo), //配送信息
            totalAmount: Math.ceil(totalAmount * 100),
            deliveryTime: selectDate,
            returnUrl: '/wx/html/prescription/html/pay_return.html'
        };
    
    sendPost(url, params, 'json', 'post', queryFailed, function(res){
        if(res.status == 200){
            d.close();
            window.localStorage.setItem('expressType', $('#qyfsSelect input').attr("data-value"));
            window.location.href = res.data.payUrl; //跳转去支付页面
            //hard code 去支付回调页面
           // window.location.href = 'pay_return.html?outChargeNo='+res.data.outChargeNo+'&tradeStatus=0';
        }else{
            queryFailed(res);
        }
    });
}
//================================ 收货人地址管理页面方法 ==========================
function getAddressList(){
    var url = "/patient/prescription/pay/getAddressList",
        params = {patient: patiCode};
    sendPost(url, params, 'json', 'post', queryFailed, function(res){
        if(res.status == 200){
            if(res.data.length == 0){
                $(".div-no-info").show();
                $("#addrUl").hide();
            }else{
                $(".div-no-info").hide();
                var list = _.map(res.data, function(o){
                    o.jsonStr = JSON.stringify(o);
                    return o;
                });
                var html = template('addr_tmp', {list: list});
                $("#addrUl").empty().append(html);
                $("#addrUl").show();
            }
        }else{
            queryFailed(res);
        }
    });
}
//保存地址
function saveAddress(){
    d.show();
    var url = "/patient/prescription/pay/saveAddress",
        params = {addressJson: JSON.stringify(editAddrObj)};
    sendPost(url, params, 'json', 'post', queryFailed, function(res){
        if(res.status == 200){
            d.close();
            dialog({
                contentType: 'tipsbox',
                skin: 'bk-popup',
                content: '保存成功'
            }).show();
            editAddrObj = null;
//          viewApi.back();
            window.history.back();
        }else{
            queryFailed(res);
        }
    });
}
//删除地址
function delAddress(){
    d.show();
    var url = "/patient/prescription/pay/delAddress",
        params = {id: editAddrObj.id};
    sendPost(url, params, 'json', 'post', queryFailed, function(res){
        if(res.status == 200){
            d.close();
            dialog({
                contentType: 'tipsbox',
                skin: 'bk-popup',
                content: '删除成功'
            }).show();
            editAddrObj = null;
            window.history.back();
        }else{
            queryFailed(res);
        }
    });
}
function bindEvents(){
    //时间控件
    var d = new Date(),
        end = new Date();
    end.setDate(d.getDate() + 5);
    $("input[data-type=date]").mobiscroll({
        preset: 'date',
        theme: 'ios',
        lang: 'zh',
        minDate: d,
        maxDate: end,
        onSelect: function(valueText, inst){
            $(this).val(valueText);
            selectDate = valueText;
        }
    });
    
    //选择地址下拉框
    $("#addressSelect").on('tap', function(){
        picker.show(function(selected){
            //选中后的回调页面
            console.log(selected);
            var text = selected[0].text+selected[1].text+selected[2].text;
            $("#addressSelect .select-input").val(text);
            
            editAddrObj = {
                provinceName: selected[0].text,
                province: selected[0].value,
                cityName: selected[1].text,
                city: selected[1].value,
                townName: selected[2].text,
                town: selected[2].value
            }
        });
    });
    
    $(".getAddr").on('tap', function(){
        viewApi.go('#addrList');
        pushHistory("addrList");
    });
    
    $(".add-btn").on('tap', function(){
        viewApi.go('#editPage');
        pushHistory("editPage");
    });
    
    //地址列表点击事件
    $("#addrUl").on('tap', 'li .c-list-info', function(){
        var jsonStr = $(this).parent().data("json");
        if(jsonStr){
            selectedAddr = jsonStr;
//          viewApi.back();
            window.history.back();
        }
    });
    
    $("#addrUl").on('tap', 'li .c-list-key', function(){
        var jsonStr = $(this).parent().data("json");
        if(jsonStr){
            editAddrObj = {
                id: jsonStr.id,
                provinceName: jsonStr.province_name,
                province: jsonStr.province,
                cityName: jsonStr.city_name,
                city: jsonStr.city,
                townName: jsonStr.town_name,
                town: jsonStr.town,
                name: jsonStr.name,
                phone: jsonStr.phone,
                adress: jsonStr.adress,
                defaultFlag: jsonStr.default_flag
            };
            viewApi.go("#editPage");
            pushHistory("editPage");
        }
    })
    
    $("#saveAddr").on('tap', function(){
        var district = $("#addressSelect input").val(),
            address = $("#address").val(),
            mobile = $(".mobile").val();
        if((district.length == 0) || (address.length == 0)){
            dialog({
                contentType: 'tipsbox',
                skin: 'bk-popup',
                content: '请填写收药地址'
            }).show();
            return false;
        }
        if($("#receiver").val().trim().length == 0){
            dialog({
                contentType: 'tipsbox',
                skin: 'bk-popup',
                content: '请填写收药人姓名'
            }).show();
            return false;
        }
        if(!isphone(mobile)){
            dialog({
                contentType: 'tipsbox',
                skin: 'bk-popup',
                content: '请填写正确的手机号码'
            }).show();
            return false;
        }
        var defaultFlag = $("#defaultFlag").prop("checked");
        
        editAddrObj.patient = patiCode;
        editAddrObj.name = $("#receiver").val().trim();
        editAddrObj.phone = $(".mobile").val();
        editAddrObj.defaultFlag = defaultFlag? 1: 0;
        editAddrObj.adress = $("#address").val()
        saveAddress();
    });
    
    $("#delAddr").on('tap', function(){
        if(!editAddrObj.id){
            return false;
        }
        delAddress();
    });
    
    $("#submitBtn").on('tap', function(){
        if($(this).hasClass("disabled")){
            return false;
        }
        //判断是否选择了配送地址
        var $serviceStation = $('#serviceStation input');
        
        //判断是否填写了地址信息
        if(!selectedAddr){
            dialog({
                contentType: 'tipsbox',
                skin: 'bk-popup',
                content: '请选择收药人信息'
            }).show();
            return false;
        }
        if(!onlyGetBySelf){
            if(!type){
                dialog({
                    contentType: 'tipsbox',
                    skin: 'bk-popup',
                    content: '请选择配送方式'
                }).show();
                return false;
            }
            if(type == 2){
                expressAddressInfo = {
                    provinceName: selectedAddr.province_name,
                    provinceCode: selectedAddr.province,
                    cityName: selectedAddr.city_name,
                    cityCode: selectedAddr.city,
                    townName: selectedAddr.town_name,
                    townCode: selectedAddr.town,
                    address: selectedAddr.adress,
                    phone: selectedAddr.phone,
                    receiver: selectedAddr.name
                }
                checkOrderService(selectedAddr.adress);
            }else if(type == 3){
                if($serviceStation.val().length == 0){
                    dialog({
                        contentType: 'tipsbox',
                        skin: 'bk-popup',
                        content: '请选择配送服务站'
                    }).show();
                    return false;
                }
                expressAddressInfo.phone = selectedAddr.phone;
            }else{
                expressAddressInfo.phone = selectedAddr.phone;
            }
        }else{
            expressAddressInfo.phone = selectedAddr.phone;
        }
        
        //判断当前时间是否在11点前
        var now = new Date();
        if(now.getHours() >= 11){
            //判断选择时间是否是今天
            var text = type == 1 ? '取药' : '配送';
            var todayStr = now.Format('yyyy-MM-dd');
            if(todayStr == selectDate){
                dialog({
                    contentType: 'tipsbox',
                    skin: 'bk-popup',
                    content: '当前不可选择当天'+text+'，请重新选择'+text+'时间'
                }).show();
                return false;
            }
        }
        submitToPay();
    });
    
    //监听浏览器后退
    window.addEventListener("popstate", function(e) { 
        var state = e.state;
        if(state){
            if(state.url == "#addrList"){
                viewApi.go("#addrList");
            }
        }else{
            viewApi.go("#main");
        }
    }, false);
}
function queryFailed(res){
    d.close();
    if(res && res.msg) {
        dialog({
            contentType: 'tipsbox',
            skin: 'bk-popup',
            content: res.msg
        }).show();
    } else {
        dialog({
            contentType: 'tipsbox',
            skin: 'bk-popup',
            content: '加载失败'
        }).show();
    }
}
//修改浏览器网页history信息
function pushHistory(pageName) {
    if(!pageName){
        pageName = "";
    }
    var state = { 
        title: "title", 
        url: "#"+pageName
    }; 
    window.history.pushState(state, "title", "#"+pageName); 
}

html/prescription/js/prescription_detail.js

@@ -0,0 +1,127 @@
var d = dialog({
    contentType: 'load',
    skin: 'bk-popup'
});
var request = GetRequest();
var code = request.code; //从链接中获得处方code
var prescriptionCode = ""; //续方的code
var patient,
    patientName;
$(function(){
    getDetail();
    bindEvents();
})
function getDetail(){
    d.show();
    var url = "/patient/prescriptionInfo/getPrescription",
        params = {code: code};
    
    sendPost(url, params, 'json', 'GET', queryFailed, function(res){
        if(res.status == 200){
            d.close();
            prescriptionCode = res.data.prescriptionCode;
            patient = res.data.patient;
            patientName = res.data.patientName;
            //判断是否可以续方
            var reuse = getXFStatus(res.data.prescriptionDt, res.data.createTime); //可续方
            //reviewedState:  0 为审核中 1.已经处理完成/未申请
            if(reuse){
                if(res.data.reviewedState == 1){
                    $("#btn-div").find("a").text("申请续方");
                    $("#btn-div").find("a").attr("data-status", 1);
                }else{
                    $("#btn-div").find("a").text("续方申请中");
                    $("#btn-div").find("a").attr("data-status", 0);
                }
                $("#btn-div").show();
                $("#reuseStatus").text('可续方');
            }else{
                $("#btn-div").hide();
                $("#reuseStatus").text('不可续方');
            }
            //填充基本信息和临床诊断信息
            $("#dateTime").text(res.data.createTime);
            $("#docName").text(res.data.doctorName);
            $("#deptName").text(res.data.hospitalName);
            
            var diseaseName = "";
            
            for(i=0; i<res.data.prescriptionDt.length; i++){
                var ds = res.data.prescriptionDt[i];
                diseaseName += ds.healthProblemName+ ' ';
            }
            $("#deseaseDetail").text(diseaseName);
            
            //药品列表
            var rpList = res.data.prescriptionInfo;
            var html = template('rp_tmp', {list: rpList});
            $("#rpList").empty().append(html);
        }else{
            queryFailed(res);
        }
    });
}
//判断是否可以续方
function getXFStatus(arr, date){
    var isXFDesease = true,
        statusName = '',
        canXF = false;
    if(arr){
        for(i=0; i<arr.length; i++){
            var item = arr[i];
            //HP0093 - 高血压 , HP0047 - 糖尿病
            if((item.healthProblem != 'HP0093') && (item.healthProblem != 'HP0047')){
                isXFDesease = false;
                break;
            }
        }
        if(isXFDesease){
            //判断时间是否是在6个月内的
//          var d = new Date(date),
//              now = new Date();
//          now.setMonth(now.getMonth() - 2);
            
//          if(d > now){ //6个月内的时间
                statusName = '续方';
                canXF = true;
//          }
        }
    }
    return canXF;
}
function bindEvents(){
    $(".c-btn").on('click', function(){
        var status = $(this).attr("data-status");
        //状态为可申请时，跳转去新增续方咨询页面，其他状态跳转去续方记录页面
        //0 为审核中 1.已经处理完成/未申请
        var userInfo = JSON.parse(window.localStorage.getItem(agentName1));
        if(status == 1){
            //跳转去新增续方咨询页面
            window.location.href = "../../yszx/html/add-prescription-consult.html?patient="+userInfo.uid+"&name="+userInfo.name+"&jw_code="+code;
        }else{
            //跳转去续方记录页面
            window.location.href = "re-prescription_info.html?code="+prescriptionCode+"&toUser="+userInfo.uid;
        }
    });
}
function queryFailed(res){
    d.close();
    if(res && res.msg) {
        dialog({
            contentType: 'tipsbox',
            skin: 'bk-popup',
            content: res.msg
        }).show();
    } else {
        dialog({
            contentType: 'tipsbox',
            skin: 'bk-popup',
            content: '加载失败'
        }).show();
    }
}

html/prescription/js/prescription_records.js

@@ -0,0 +1,507 @@
var d = dialog({
    contentType: 'load',
    skin: 'bk-popup'
});
var pagetype = 38;
var pagesize = [15,15,15],
    page = [0,1,1], //3个tab对应的分页的页数
    loaded = [true, false, false], //3个tab对应的页面是否加载过，第一个tab默认加载过
    lastYear = ['2016', '2016', '2016']; // 记录数据最后的年份信息
var userAgent = window.localStorage.getItem(agentName);
var userInfo;
$(function(){
    checkUserAgent();
    initScroller();
});
function initScroller(){
    //阻尼系数
    var deceleration = mui.os.ios?0.003:0.0009;
    mui('.mui-scroll-wrapper').scroll({
        bounce: false,
        indicators: true, //是否显示滚动条
        deceleration:deceleration
    });
    mui.ready(function() {
        //循环初始化所有下拉刷新，上拉加载。
        $.each(document.querySelectorAll('.mui-slider-group .mui-scroll-wrapper'), function(index, pullRefreshEl) {
            if(index == 0){
                mui(pullRefreshEl).pullRefresh({
                    down: {
                        callback: function() {
                            var self = this;
                            setTimeout(function() {
                                d.showModal();
                                var isrenewal = $("#checkbox").prop("checked");
                                getPrescriptionList(index, true, isrenewal? 1 : 2);
//                              getPrescriptionList(index, true);
                                self.endPulldownToRefresh();
                            }, 1000);
                        }
                    },
                    up: {
                        callback: function() {
                            var self = this;
                            setTimeout(function(){
                                d.showModal();
                                getPrescriptionList(index);
                                self.endPullupToRefresh();
                            }, 1000);
                        }
                    }
                });
            }else{
                mui(pullRefreshEl).pullRefresh({
                    down: {
                        callback: function() {
                            var self = this;
                            setTimeout(function() {
                                getXFList(index, true);
                                self.endPulldownToRefresh();
                            }, 1000);
                        }
                    },
                    up: {
                        callback: function() {
                            var self = this;
                            setTimeout(function() {
                                getXFList(index);
                                self.endPullupToRefresh();
                            }, 1000);
                        }
                    }
                });
            }
        });
    });
}
function queryInit(){
    userInfo = JSON.parse(userAgent);
    if(!canPrescription){
        $('#memberContainer').hide();
        $("#slider").hide();
        $("#building").show();
    }else{
        initFamilyData();
        checkPatientInfo();
        bindEvents();
        templatehelper();
    }
    wxGetSign();
}
//初始化家庭成员
function initFamilyData(){
    appendFamilyMember($('#memberContainer'),function(){
        loaded = [false, false, false];
        page = [0,1,1];
        checkPatientInfo();
        //切换家人时，将‘只查看可续方记录’的checkbox设置为未选中
//      $("#checkbox").prop("checked", false);
    },function(){
        //判断有授权家人，修改样式
        $("#slider").css({
            'top': '90px',
            'height': 'calc(100% - 90px)'
        });
    });
}
//判断患者是否是慢病患者
function checkPatientInfo(){
    d.showModal();
    var url = 'patient/baseinfo',
        params = {};
    sendPost(url, params, 'json', 'post', queryFailed, function(res){
        if(res.status == 200){
            var isChronicDisease = res.data.prescription; //慢病病人标记
            if(isChronicDisease){
                //显示3个tab
                mui('#slider').slider().gotoItem(0);
                $(".mui-slider-indicator .c-33").eq(1).show();
                $(".mui-slider-indicator .c-33").eq(2).show();
                mui('#slider').slider().setStopped(false);
            }else{
                //显示1个tab
                mui('#slider').slider().gotoItem(0);
                $(".mui-slider-indicator .c-33").eq(1).hide();
                $(".mui-slider-indicator .c-33").eq(2).hide();
                mui('#slider').slider().setStopped(true);
            }
            getPrescriptionList(0, true);
        }else{
            queryFailed(res);
        }
    });
}
/**
 * 获得处方记录
 * @param {number} index 对应tab的index
 * @param {boolean} isInit 是否是初始加载（用于初始加载和下拉刷新）
 * @param {boolean} isRenewal 是否只获取可续方的列表 1-是，2-无过滤
 */
function getPrescriptionList(index, isInit, isRenewal){
    var tmpIndex = parseInt(index) + 1;
    if(isInit){
        page[index] = 0;
        if(tmpIndex == 1){
            //处方列表的获取可续方处方数据的特殊处理
            $("#recordList0").show();
            $("#item1 .straight-line").show();
        }
        mui("#item"+tmpIndex+" .mui-scroll-wrapper").pullRefresh().scrollTo(0, 0, 1000);
    }
    var url = "/patient/prescriptionInfo/getRecipeMasterList",
        params = {
            type: 1, //type： 1-查询处方，2-我的续方， 3-续方记录
            isRenewal: isRenewal ? isRenewal : 2, //1: 可续方， 2：无过滤
            startDate: '',
            endDate: '',
//          recipeNo: page[index],
            page: page[index],
            size: pagesize[index]
        };
    sendPost(url, params, 'json', 'GET', queryFailed, function(res){
        d.close();
        if(res.status == 200){
            loaded[index] = true;
            //暂时默认数据是按年份group了的 [{year: 2017, list:[]}]
            if(res.data.list.length > 0){
                $("#next").removeClass("disabled");
                var year = parseInt((new Date()).getFullYear());
                var obj = _.groupBy(res.data.list, function(o){
                    for(y = year; y >= 2016; y--){
                        if(o.createTime.substr(0,4) == y){
                            lastYear[index] = y;
                            return y;
                        }
                    }
                });
                
                for(y in obj){
                    var list = obj[y];
                    for(var i=0; i<list.length; i++){
                        var item = list[i];
                        var canXF = getXFStatus(item.prescriptionDt, item.createTime);
                        var xfStatus = 0; //自定义按钮的状态， 1:申请续方，2：续方申请中
                        if(canXF){
                            item.canXFName = '续方';
                            //reviewedState  ： 0 为审核中 1.已经处理完成/未申请
                            if(item.reviewedState == 0){ //待支付之前的状态，前端实现‘续方审核中’
                                //如果患者取消续方，则仍旧可以申请续方
                                xfStatus = 2;
                            }else{
                                xfStatus = 1;
                            }
                        }
                        item.canXF = canXF;
                        item.xfStatus = xfStatus;
//                      page[index] = item.code;
                    }
                }
                
                var temp = 'record_tmp',
                    isNewYear = 1;
                if((y == lastYear[index]) && !isInit){
                    isNewYear = 0;
                }
                var html = template(temp, {list: obj, isNewYear: isNewYear});
                if(isInit){
                    $("#item"+tmpIndex+" .mui-scroll-wrapper").show();
                    $("#item"+tmpIndex+" .div-no-info").hide();
                    $("#recordList"+index).empty().append(html);
                }else{
                    $("#recordList"+index).append(html);
                }
                if(res.data.list.length < pagesize){
                    mui("#item"+tmpIndex+" .mui-scroll-wrapper").pullRefresh().endPullupToRefresh(true);
                }else{
                    page[index] ++;
                }
            }else{
                if(isInit){
                    //无数据
                    if(isRenewal == 1){
                        //获取可续方的处方列表
                        $("#recordList0").empty().hide();
                        $("#item1 .straight-line").hide();
                        $("#item1 .div-no-info").show();
                    }else{
                        $("#next").hide();
                        $("#item1 .mui-scroll-wrapper").hide();
                        $("#item1 .div-no-info").show();
                    }
                }else{
                    $("#next").addClass("disabled");
                    mui("#item1 .mui-scroll-wrapper").pullRefresh().endPullupToRefresh(true);
                }
            }
        }else{
            queryFailed(res);
        }
    });
}
//获取续方记录
function getXFList(index, isInit){
    var tmpIndex = parseInt(index) + 1;
    if(isInit){
        page[index] = 1;
    }
    var url = "/patient/prescriptionInfo/getPrescriptionInfos",
        params = {
            type: parseInt(index) + 1, //type： 1-查询处方，2-我的续方， 3-续方记录
            isRenewal: 2,
            startDate: '',
            endDate: '',
            page: page[index],
            size: pagesize[index]
        };
    sendPost(url, params, 'json', 'GET', queryFailed, function(res){
        d.close();
        if(res.status == 200){
            loaded[index] = true;
            //暂时默认数据是按年份group了的 [{year: 2017, list:[]}]
            if(res.data.length > 0){
                var year = parseInt((new Date()).getFullYear());
                var obj = _.groupBy(res.data, function(o){
                    for(y = year; y >= 2016; y--){
                        if(o.createTime.substr(0,4) == y){
                            return -y;
                        }
                    }
                });
                var temp = 'record'+index+'_tmp';
                var html = template(temp, {list: obj});
                if(isInit){
                    $("#item"+tmpIndex+" .mui-scroll-wrapper").show();
                    $("#item"+tmpIndex+" .div-no-info").hide();
                    $("#recordList"+index).empty().append(html);
                }else{
                    $("#recordList"+index).append(html);
                }
                if(res.data.length < pagesize){
                    mui("#item"+tmpIndex+" .mui-scroll-wrapper").pullRefresh().endPullupToRefresh(true);
                }else{
                    page[index] ++;
                }
            }else{
                if(isInit){
                    //无数据
                    $("#item"+tmpIndex+" .mui-scroll-wrapper").hide();
                    $("#item"+tmpIndex+" .div-no-info").show();
                }else{
                    mui("#item"+tmpIndex+" .mui-scroll-wrapper").pullRefresh().endPullupToRefresh(true);
                }
            }
        }else{
            queryFailed(res);
        }
    });
}
function getXFStatus(arr, date){
    var isXFDesease = true,
        statusName = '',
        canXF = false;
    if(arr){
        for(i=0; i<arr.length; i++){
            var item = arr[i];
            //HP0093 - 高血压 , HP0047 - 糖尿病
            if((item.healthProblem != 'HP0093') && (item.healthProblem != 'HP0047')){
                isXFDesease = false;
                break;
            }
        }
        if(isXFDesease){
            //判断时间是否是在6个月内的
//          var d = new Date(date),
//              now = new Date();
//          now.setMonth(now.getMonth() - 6);
            
//          if(d > now){ //6个月内的时间
                statusName = '续方';
                canXF = true;
//          }
        }
    }
    return canXF;
}
function queryFailed(res){
    d.close();
    if(res && res.msg) {
        dialog({
            contentType: 'tipsbox',
            skin: 'bk-popup',
            content: res.msg
        }).show();
    } else {
        dialog({
            contentType: 'tipsbox',
            skin: 'bk-popup',
            content: '加载失败'
        }).show();
    }
}
function bindEvents(){
    document.querySelector('.mui-slider').addEventListener('slide', function(event) {
        var index = event.detail.slideNumber;
        console.log(index);
        if(!loaded[index]){ //tab未加载过，则加载数据
            d.showModal();
            if(index == 0){
                getPrescriptionList(index, true);
            }else{
                getXFList(index, true);
            }
        }
    });
    
    //只查看可续方记录按钮
    $("#checkbox").on('change', function(){
        d.showModal();
        if(this.checked){
            //获取可续方的记录
            getPrescriptionList(0, true, 1);
        }else{
            //获取全部记录
            getPrescriptionList(0, true);
        }
    });
    
    //'处方记录'tab内item的点击事件
    $("#recordList0").on('tap', '.prescription-item', function(){
        var code = $(this).attr('data-code');
        //跳转去处方详情页
        window.location.href = 'prescription_detail.html?code='+code;
    }).on('tap', '.btn', function(e){
        e.stopPropagation(); //防止事件冒泡
        var status = $(this).attr("data-status"),
            code = $(this).closest('.prescription-item').attr('data-code');
        //两种状态：1.申请续方 2.续方审核中
        if(status == 1){
            //跳转去’新增续方咨询‘页面
            var patient = $(this).closest('.prescription-item').attr('data-patient'),
                name = $(this).closest('.prescription-item').attr('data-pname');
            window.location.href = "../../yszx/html/add-prescription-consult.html?patient="+patient+'&name='+name+'&prescriptionCode='+code;
        }else{
            //跳转去’续方记录‘页面
            var prescriptionCode = $(this).attr("data-preCode");
            window.location.href = "re-prescription_info.html?code="+prescriptionCode+'&toUser='+userInfo.uid;
        }
    });
    
    //'我的续方'tab内item对应的点击事件
    $("#recordList1").on('tap', '.prescription-item', function(){
        var code = $(this).attr('data-code');
        //跳转去续方详情页面，只有审核通过的页面才有我的续方页面
        window.location.href = "re-prescription_detail.html?code="+code;
    }).on('tap', '.btn', function(e){
        e.stopPropagation();
        var code = $(this).closest('.prescription-item').attr("data-code");
        //订单跟踪按钮，跳转去订单跟踪页面
        window.location.href = "order_tracking.html?code="+code+'&toUser='+userInfo.uid;
    });
    
    //'续方管理'tab内item对应的点击事件
    $("#recordList2").on('tap', ' .prescription-item', function(){
        var code = $(this).attr('data-code');
        //跳转去续方记录页面
        window.location.href = "re-prescription_info.html?code="+code+'&toUser='+userInfo.uid;
    });
    
    //获取下一条处方数据
    $("#next").on('tap', function(){
        if($(this).hasClass("disabled")){
            return false;
        }
        d.showModal();
        getPrescriptionList(0);
    })
}
function templatehelper(){
    template.helper('getDateTime', function(str){
        if(str && str.length > 0){
            //str = 2017-07-31 11:09:53.0
            return str.substr(0, 19);
        }
        return '';
    });
    template.helper('getAbs', function(str) {
    		console.log(str)
    		return str.substr(1, 4);
    });
    template.helper('showStatus', function(status){
        return getStatusInfoAndImg(status).name;
    });
    
    template.helper('returnStatusImg', function(status){
        return getStatusInfoAndImg(status).img;
    });
    
    template.helper('getDate', function(str){
        if(str && str.length > 0){
            return str.substr(5, 6);
        }
    });
    
    template.helper('getXF', function(arr, date){
        var isXFDesease = false;
        if(arr){
            for(i=0; i<arr.length; i++){
                var item = arr[i];
                if(item.name == '高血压' || item.name == '糖尿病'){
                    isXFDesease = true;
                }else{
                    isXFDesease = false;
                }
            }
            if(isXFDesease){
                //判断时间是否是在6个月内的
                var d = new Date(date),
                    now = new Date();
                now.setMonth(now.getMonth() - 6);
                
                if(d > now){ //6个月内的时间
                    return '续方';
                }
            }
        }
        return '';
    });
}
//获取微信信息，并配置微信api接口
function wxGetSign(){
    var params = {};
    params.pageUrl = window.location.href;
    $.ajax(server + "weixin/getSign", {
        data: params,
        dataType: "json",
        type: "post",
        success: function(res){
            if (res.status == 200) {
                var t = res.data.timestamp;
                var noncestr = res.data.noncestr;
                var signature = res.data.signature;
                wx.config({     
                    //debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                    appId: appId, // 必填，公众号的唯一标识
                    timestamp: t, // 必填，生成签名的时间戳
                    nonceStr: noncestr, // 必填，生成签名的随机串
                    signature: signature,// 必填，签名，见附录1
                    jsApiList: [
                        'closeWindow'
                    ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
                });
            } 
        }
    });
}

html/prescription/js/re-prescription_detail.js

@@ -0,0 +1,89 @@
var d = dialog({
    contentType: 'load',
    skin: 'bk-popup'
});
var request = GetRequest();
var code = request.code; //从链接中获得处方code
$(function(){
    getDetail();
    bindEvents();
});
//获取续方详情信息
function getDetail(){
    d.show();
    var url = "/patient/prescriptionInfo/getContinuedPrescription",
        params = {code: code};
    
    sendPost(url, params, 'json', 'get', queryFailed, function(res){
        if(res.status == 200){
            d.close();
            $("#dateTime").text(res.data.prescription.createTime);
            $("#docName").text(res.data.prescription.doctorName);
            $("#deptName").text(res.data.prescription.hospitalName);
            $("#caDoc").text(res.data.prescription.doctorName);
            
            var deseaseText = "";
            for(i=0; i<res.data.prescriptionDt.length; i++){
                var item = res.data.prescriptionDt[i];
                deseaseText += item.healthProblemName + ' ';
            }
            $("#deseaseDetail").text(deseaseText);
            
            //填充药品信息
            var html = template('rp_tmp', {list: res.data.prescriptionInfo});
            $("#rpList").empty().append(html);
            
            //获取CA认证的信息
            getCAInfo(res.data.prescription.doctor);
        }else{
            queryFailed(res);
        }
    });
}
//获取CA认证信息
function getCAInfo(docCode){
    var url = '/patient/prescriptionInfo/doctor/isAuthentication',
        params = {doctorCode: docCode};
    
    sendPost(url, params, 'json', 'post', queryFailed, function(res){
        if(res.status == 200){
            //type:1、有证书，并有效；2、有证书，已过期；3、无证书,4
            if(res.data.type == 4){
                $("#caType").text('已认证');
            }else{
                $("#caType").text('未认证');
            }
        }else{
            queryFailed(res);
        }
    });
}
function bindEvents(){
    $("#xfRecord").on('click', function(){
        //跳转去续方记录页面
        var userAgent = window.localStorage.getItem(agentName),
            userInfo = JSON.parse(userAgent);
        window.location.href = "re-prescription_info.html?code="+code+"&toUser="+userInfo.uid;
    });
}
function queryFailed(res){
    d.close();
    if(res && res.msg) {
        dialog({
            contentType: 'tipsbox',
            skin: 'bk-popup',
            content: res.msg
        }).show();
    } else {
        dialog({
            contentType: 'tipsbox',
            skin: 'bk-popup',
            content: '加载失败'
        }).show();
    }
}

html/prescription/js/re-prescription_info.js

@@ -0,0 +1,411 @@
var d = dialog({
    contentType: 'load',
    skin: 'bk-popup'
});
//var pagetype = 42;
var request = GetRequest();
var code = request.code; //从链接中获得处方code
var toUser = request["toUser"];
var toName = decodeURIComponent(request["toName"]);
var openid = request["openid"];
var represented = request["represented"];
var userAgent = window.localStorage.getItem(agentName);
var userInfo;
var patientCode,
    patientName,
    prescriptionInfo;
$(function(){
    isRepresent(function(){
		getInfo();
        bindEvents();
        popover()
	})
    userInfo = JSON.parse(userAgent);
    wxGetSign();
})
function popover() {
	var url = "/patient/prescription/pay/getPopups",
		params = {
			type: 1
		};
	sendPost(url, params, 'JSON', 'GET', queryFailed, function(res) {
		if(res.status == 200) {
			popoverData = res.data;
		} else {
			queryFailed(res);
		}
	})
}
function getInfo(){
    var url = "/patient/prescriptionInfo/getPrescriptionProcess",
        params = {code: code};
    
    sendPost(url, params, 'json', 'get', queryFailed, function(res){
        if(res.status == 200){
            //填充居民信息
            var patientInfo = res.data.patient,
                patientHtml = "";
            patientCode = patientInfo.code;
            patientName = patientInfo.name;
            patientHtml = template('patientInfo_tmp', patientInfo);
            $("#patientInfo").empty().append(patientHtml);
            
            //填充续方信息
            var rePreInfo = res.data.prescription,
                rePreHtml = "";
            prescriptionInfo = res.data.prescription;
            rePreHtml = template('rePreInfo_tmp', rePreInfo);
            $("#rePreInfo").empty().append(rePreHtml);
            //如果已支付，则显示订单跟踪链接
            if(rePreInfo.status >= 50){
                $("#orderTracking").show();
            }
            
            //填充原处方的code, 基卫那边的处方code
            $("#prescriptionInfo").attr("data-code", rePreInfo.jwCode);
            $("#applyAgain").attr("data-code", rePreInfo.jwCode);
            
            //如果是待缴费，则前端开启计时器，显示缴费剩余时间
            if(rePreInfo.status == 40 || rePreInfo.status == 41){
                var time = getRemainTime(res.data.reviewed.reviewedTime); //时间戳
                createTimer(time);
            }
            
            //填充调整后处方的信息（先判断是否有调整后的处方记录）
            var isAdjust = res.data.isAdjust;
            if(isAdjust){
                var disease = "";
                for(var i=0; i<res.data.prescriptionDt.length; i++){
                    var item = res.data.prescriptionDt[i];
                    disease += item.healthProblemName+ ' ';
                }
                $("#diagnosis").text(disease); //填充诊断结果
                var drugsList = res.data.prescriptionInfo,
                    html = "";
                html = template('drug_tmp', {list: drugsList});
                $("#drugsList").append(html);
                $("#changeDrugPanel").show();
            }else{
                $("#changeDrugPanel").hide();
            }
            
            //填充审核记录信息
            var checkInfo = res.data.reviewed,
                checkInfoHtml = "";
            checkInfoHtml = template('checkInfo_tmp', checkInfo);
            $('#checkInfo').empty().append(checkInfoHtml);
            //根据审核状态，控制底部按钮的显示
            
            var checkStatus = res.data.reviewed.status; //1审核通过，0待审核，-1审核不通过，-2无效的审核
            if(checkStatus == 0){
                //待审核，判断续方的状态
                //（-3 支付过期 -2 患者自己取消 ）续方取消，
                if(rePreInfo.status == '-3' || rePreInfo.status == '-2'){
                    $("#cancel").hide();
                }else{
                    $("#cancel").show();
                }
            }else if(checkStatus == 1){
                if(rePreInfo.status == 40 || rePreInfo.status == 41){
                    $("#cancel").show();
                }else{
                    $("#cancel").hide();
                }
            }else{
                $("#applyAgain").show();
            }
        }else{
            queryFailed(res);
        }
    });
}
/**
 * 获得剩余时间
 * @param {string} sT 续方审核通过的时间
 */
function getRemainTime(st){
    //审核通过后，患者有24小时的时间来支付
    var arr = st.split(/[- : \/]/);
    var d = new Date(arr[0], arr[1]-1, arr[2], arr[3], arr[4], arr[5]),
        now = new Date(),
        us = parseInt((now.getTime() - d.getTime()) / 1000);
    //24小时对应的时间戳是 24*3600=86400
    return 86400 - us;
}
//创建计时器
function createTimer(time){
    var timer;
     //原始储存值
    var setOri = time;
    //原始系统时间值
    var timeOri = (new Date()).getTime();
    //现在所剩时间值
    var setNow;
    cancelAnimationFrame(timer);
    timer = requestAnimationFrame(function fn(){
        //当前系统时间值
        var timeNow = (new Date()).getTime();
        //使系统时间的差值与设置时间的差值相等，来获得正常的时间变化
        setNow = setOri - Math.floor((timeNow - timeOri)/1000);
        var h = Math.floor(setNow/3600)
            m = Math.floor((setNow%3600)/60),
            s = Math.floor(setNow%60);
        var ms = m < 10 ? '0'+m : m,
            ss = s < 10 ? '0'+s : s;
        if(h > 0){
            $("#remainTime").text(h+"时"+ms+"分"+ss+"秒");
        }else if(m > 0){
            $("#remainTime").text(ms+"分"+ss+"秒");
        }else if(s > 0){
            $("#remainTime").text(ss+"秒");
        }
        timer = requestAnimationFrame(fn);
        if(setNow==0){
            cancelAnimationFrame(timer);
            timer = 0;
            $("#pay").find("a").remove();
            $("#pay").find('span').text('超时取消');
            //发送请求去取消续方申请
//          cancelPrescription();
        }
    })
}
function cancelPrescription(){
    var url = '/patient/prescriptionInfo/cancelPrescriotion',
        params = {code: code, reason: ''};
    sendPost(url, params, 'json', 'post', queryFailed, function(res){
        
    });
}
//判断是否绑卡
function bindCard(){
    d.show();
    var url = "/patient/bindCard";
    sendPost(url, {}, 'json', 'post', queryFailed, function(res){
        d.close(); 
        if(res.data.bindStatus == '000000'){ //已绑卡
        	checkBindMobile(function() {
        		//跳转去支付页面
            	window.location.href = "payment.html?code="+code;
        	})
        }else if(res.data.bindStatus == '030007'){//未绑卡
            //跳转去绑卡链接
            var bindUrl = res.data.sicardUrl;
            window.location.href = bindUrl;
        }
    });
}
function checkBindMobile(cb) {
	var url = "patient/prescription/pay/getPatientMobile"
	sendPost(url, {}, "json", "get", queryFailed, function(res) {
		if(res.status == 200) {
			if(res.data == 1) {
				cb && cb()
			} else {
				d.close();
				dialog({
					content: '您当前暂未绑定手机,无法在线缴费,请点击确认完成手机号码绑定',
					cancelValue: '取消',
					cancel: function() {},
					okValue: '确认',
					ok: function() {
						window.location.href = "../../home/html/bind-mobile.html"
					}
				}).showModal();
			}
		} else {
			queryFailed(res);
		}
	})
}
function bindEvents(){
    //点击跳转原处方页面
    $("#prescriptionInfo").on('click', function(){
        //需先获得原处方的id
        var code = $(this).attr("data-code");
        window.location.href = "prescription_detail.html?code="+code;
    });
    
    //订单跟踪
    $("#orderTracking").on('click', function(){
        window.location.href = "order_tracking.html?code="+code+"&toUser="+userInfo.uid;
    });
    
    //待支付按钮
    $("#rePreInfo").on('click', '#pay', function(){
//      window.location.href = "payment.html?code="+code;
	if(popoverData == 1) {
		layer.open({
			title:['温馨提示','font-weight:700;font-size:16px;height:40px;line-height:40px;'],
			content:'<div id="zhifu_div">\
			需使用实名且与医保卡同名的微信公众号进行绑卡及支付，如为家人代支付，需先到市行政服务中心申请家庭共济关系后，才可以绑定家人的医保卡并支付哟~</div></br>\
			<div class="c-t-center mtb10">\
				<label class="input-group-checkbox" style="color: #40AFFE">\
                    <div class="input-group-pack">\
                        <input id="input_1" type="checkbox">\
                        <span class="tick"></span>\
                    </div>\
                    下次不再提醒\
                </label>\
			</div>',
			btn: ['<div id="jiaofei">开始支付</div>', '<div id="bujiaofei">暂不支付</div>'],
			shadeClose:false,
			yes:function(index){
				var checkedValue = $("#input_1").prop("checked"),
					val;
				if(checkedValue) {
					val = 0;
				} else {
					val = 1;
				}
				var url = "/patient/prescription/pay/savePopups",
					params = {
						type: 1,
						status: val
					};
//					alert(1)
				sendPost(url, params, 'JSON', 'POST', queryFailed, function(res){
					layer.close(index);
					//判断患者是否绑卡，未绑卡则跳转去绑卡页面
					bindCard();
				})
			},
			no:function(index){
				location.reload();
			}
		})
	}else {
		//判断患者是否绑卡，未绑卡则跳转去绑卡页面
		bindCard();
	}
});
    
    //再次申请
    $("#applyAgain a").on('click', function(){
        //跳转去新增续方咨询页面
        var preCode = $("#applyAgain").attr("data-code");
        window.location.href = "../../yszx/html/add-prescription-consult.html?patient="+patientCode+"&name="+patientName+"&prescriptionCode="+preCode;
    });
    
    //跳转续方咨询页面
    $("#xfzx").on('click', function(){
        window.location.href = '../../yszx/html/prescription-consulting.html?consult='+prescriptionInfo.consult+'&type=8&toUser='+patientCode+'&doctor='+prescriptionInfo.doctor;
    });
    
    //取消续方
    $("#cancel a").on('click', function(){
        window.location.href = "re-prescription_cancel.html?code="+code;
    })
    
    window.onpageshow = function(){
        var pageback = window.localStorage.getItem("pageback");
        if(pageback && pageback == '1'){
            window.localStorage.removeItem("pageback");
            window.location.reload();
        }
    }
}
function queryFailed(res){
    d.close();
    if(res && res.msg) {
        dialog({
            contentType: 'tipsbox',
            skin: 'bk-popup',
            content: res.msg
        }).show();
    } else {
        dialog({
            contentType: 'tipsbox',
            skin: 'bk-popup',
            content: '加载失败'
        }).show();
    }
}
template.helper("getStatusName", function(status){
    return getStatusName(status);
});
template.helper("getStatusColor", function(status){
    return getStatusColor(status);
});
template.helper('getCheckResult', function(status){
    //1审核通过  0待审核  -1  审核不通过   -2无效审核
    var name = "";
    switch (status){
        case 1:
            name = '审核通过';
            break;
        case 0:
            name = '待审核';
            break;
        case -1:
            name = '审核不通过';
            break;
        case -2:
            name = "无效审核";
            break;
        default:
            break;
    }
    return name;
});
template.helper('getCheckResultColor', function(status){
    //1审核通过  0待审核  -1  审核不通过   -2无效审核
    var color = "";
    switch (status){
        case 1:
            color = 'c-success';
            break;
        case 0:
            color = 'c-waiting';
            break;
        case -1:
        case -2:
            color = 'c-error';
            break;
        default:
            break;
    }
    return color;
})
//获取微信信息，并配置微信api接口
function wxGetSign(){
    var params = {};
    params.pageUrl = window.location.href;
    $.ajax(server + "weixin/getSign", {
        data: params,
        dataType: "json",
        type: "post",
        success: function(res){
            if (res.status == 200) {
                var t = res.data.timestamp;
                var noncestr = res.data.noncestr;
                var signature = res.data.signature;
                wx.config({     
                    //debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                    appId: appId, // 必填，公众号的唯一标识
                    timestamp: t, // 必填，生成签名的时间戳
                    nonceStr: noncestr, // 必填，生成签名的随机串
                    signature: signature,// 必填，签名，见附录1
                    jsApiList: [
                        'closeWindow'
                    ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
                });
            } 
        }
    });
}