Browse Source

兼容低版本浏览器的修改

raolu 6 years ago
parent
commit
d26fcfea75

+ 1 - 0
app/home/html/index.html

@ -14,6 +14,7 @@
        <link rel="stylesheet" type="text/css" href="../../../plugins/toastr/toastr.min.css"/>
       <style type="text/css">
       		*{margin: 0;padding: 0;}
       		iframe{display: block;}
       		.flex-box{
			  display: -webkit-box;
			  display: -ms-flexbox;

+ 7 - 0
app/home/js/index.js

@ -15,6 +15,13 @@ function showWarningMessage(msg) {
    toastr.warning(msg)
}
$(function(){
    var height = window.innerHeight;
    console.log(height);
    $("#tab").css("height", height+"px");
    $("#main").css("height", height+"px");
})
new Vue({
  el: '#wrapper',
  data: {

+ 76 - 78
app/recover/html/personal-manage.html

@ -9,111 +9,109 @@
		<link rel="stylesheet" type="text/css" href="../css/new_recover.css" />
		<link rel="stylesheet" type="text/css" href="../css/personal-manage.css" />
		<style>
			.content {height: calc(100% - 14px);}
			.content {height: 100%}
		</style>
	</head>
	<body class="m0">
	<div id="app" class="c-333" v-cloak>
		<div class="content clearfix">
	        <div class="fl c-h100 w350 person_info c-border-r">
	        	<div class="plr5 c-h100">
		        	<h4 class="m0 pl15 lh40 c-border-b c-position-r"><em class="c-position-a set-blue-span"></em>个人基础信息</h4>
	    			<div class="bgc-f5f5fa mt10 ptb10 plr10">
	    				<div class="clearfix">
		    				<div class="fl w-100-66">
		    					<p class="m0 p0 mb10">
		    						<span class="c-999">姓名:</span>{{recoverPatInfo.patientInfo.patientName}}
		    						<span class="c-999 ml20">性别:</span>{{recoverPatInfo.patientInfo.sex == 1 ? "男" : "女"}}
		    						<span class="c-999 ml20">年龄:</span>{{recoverPatInfo.patientInfo.age}}岁
		    					</p>
		    					<p class="m0 p0 mb10">
		    						<span class="c-999">健康情况:</span>{{recoverPatInfo.patientInfo.healthyCondition}}
		    					</p>
		    					<p class="m0 p0 mb10">
		    						<span class="c-999">联系电话:</span><span class="c-12b7f5 cur-pit" v-if="isMobile" @click="changeStatu()">点击查看</span><span v-else>{{recoverPatInfo.patientInfo.mobile}}</span>
		    					</p>
		    				</div>
		    				<div class="fr set-photo">
		    					<img :src="setPatImg(recoverPatInfo.patientInfo.photo)" alt="居民头像" />
		    				</div>
		<div class="content ui-grid">
	        <div class="ui-col-0 c-h100 w350 person_info c-border-r ui-grid ui-grid-vertical plr5">
	        	<h4 class="m0 pl15 lh40 c-border-b c-position-r"><em class="c-position-a set-blue-span"></em>个人基础信息</h4>
    			<div class="bgc-f5f5fa mt10 ptb10 plr10">
    				<div class="clearfix">
	    				<div class="fl w-100-66">
	    					<p class="m0 p0 mb10">
	    						<span class="c-999">姓名:</span>{{recoverPatInfo.patientInfo.patientName}}
	    						<span class="c-999 ml20">性别:</span>{{recoverPatInfo.patientInfo.sex == 1 ? "男" : "女"}}
	    						<span class="c-999 ml20">年龄:</span>{{recoverPatInfo.patientInfo.age}}岁
	    					</p>
	    					<p class="m0 p0 mb10">
	    						<span class="c-999">健康情况:</span>{{recoverPatInfo.patientInfo.healthyCondition}}
	    					</p>
	    					<p class="m0 p0 mb10">
	    						<span class="c-999">联系电话:</span><span class="c-12b7f5 cur-pit" v-if="isMobile" @click="changeStatu()">点击查看</span><span v-else>{{recoverPatInfo.patientInfo.mobile}}</span>
	    					</p>
	    				</div>
	    				<p class="m0 p0 mb10">
    						<span class="c-999">签约社区:</span>{{recoverPatInfo.patientInfo.signHospitalName}}
    					</p>
    					<p class="m0 p0">
    						<span class="c-999">康复机构:</span>{{recoverPatInfo.patientInfo.rehabilitationOrg}}
    					</p>
	    			</div>
	    			<h4 class="m0 pl15 lh40 c-border-b c-position-r"><em class="c-position-a set-blue-span"></em>服务医生</h4>
	    			<!--<div class="pt10 pb10" style="overflow: hidden; height: 190px;">-->
	    			<div class="pt10 pb10" style="overflow: hidden; height: calc(100% - 271px);">
		    			<ul class="p0 m0 c-h100" style="overflow: auto;">
		    				<li class="clearfix plr20 ptb10 doc-li" v-for="(docInfo, index) in recoverPatInfo.serviceDoctorList" :key="index">
		    					<div class="fl set-photo">
		    						<img :src="setPatImg(docInfo.doctorPhoto, 1)" alt="医生头像" />
		    					</div>
		    					<div class="fl ml10 lh18">
		    						<p class="m0 p0 c-f16">{{docInfo.doctorName}}</p>
		    						<p class="m0 p0 mt10 c-999">{{docInfo.type}}</p>
		    					</div>
		    					<div class="fr w100 ml40 lh18">
		    						<p class="m0 p0">完成项目:<span class="c-orange">{{docInfo.finishedItem}}</span></p>
		    						<p class="m0 p0 mt10">服务次数:<span class="c-orange">{{docInfo.serviceCount}}</span></p>
		    					</div>
		    				</li>
		    			</ul>
	    			</div>
	    			<!--<h4 class="m0 pl10 lh40 c-border-b">出院小结</h4>
	    			<div class="ptb10" style="overflow: hidden; height: calc(100% - 481px);">
	    				<ul class="m0 p0 c-border b-r-3 c-h100" style="overflow: auto;">
	    					<li class="pt5 plr10">
	    						<p class="c-999 lh40 clearfix">
	    							<span class="fl">冠心病诊断</span>
	    							<span class="fr">2018-08-01</span>
	    						</p>
	    						<div class="bgc-f5f5fa plr5 ptb10" style="line-height: 20px;">
	    							&emsp;&emsp;这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容
	    						</div>
	    					</li>
	    				</ul>
	    			</div>-->
	    				<div class="fr set-photo">
	    					<img :src="setPatImg(recoverPatInfo.patientInfo.photo)" alt="居民头像" />
	    				</div>
    				</div>
    				<p class="m0 p0 mb10">
						<span class="c-999">签约社区:</span>{{recoverPatInfo.patientInfo.signHospitalName}}
					</p>
					<p class="m0 p0">
						<span class="c-999">康复机构:</span>{{recoverPatInfo.patientInfo.rehabilitationOrg}}
					</p>
    			</div>
    			<h4 class="m0 pl15 lh40 c-border-b c-position-r"><em class="c-position-a set-blue-span"></em>服务医生</h4>
    			<!--<div class="pt10 pb10" style="overflow: hidden; height: 190px;">-->
    			<div class="pt10 pb10 ui-col-1" style="overflow: hidden; ">
	    			<ul class="p0 m0 c-h100" style="overflow: auto;">
	    				<li class="clearfix plr20 ptb10 doc-li" v-for="(docInfo, index) in recoverPatInfo.serviceDoctorList" :key="index">
	    					<div class="fl set-photo">
	    						<img :src="setPatImg(docInfo.doctorPhoto, 1)" alt="医生头像" />
	    					</div>
	    					<div class="fl ml10 lh18">
	    						<p class="m0 p0 c-f16">{{docInfo.doctorName}}</p>
	    						<p class="m0 p0 mt10 c-999">{{docInfo.type}}</p>
	    					</div>
	    					<div class="fr w100 ml40 lh18">
	    						<p class="m0 p0">完成项目:<span class="c-orange">{{docInfo.finishedItem}}</span></p>
	    						<p class="m0 p0 mt10">服务次数:<span class="c-orange">{{docInfo.serviceCount}}</span></p>
	    					</div>
	    				</li>
	    			</ul>
    			</div>
    			<!--<h4 class="m0 pl10 lh40 c-border-b">出院小结</h4>
    			<div class="ptb10" style="overflow: hidden; height: calc(100% - 481px);">
    				<ul class="m0 p0 c-border b-r-3 c-h100" style="overflow: auto;">
    					<li class="pt5 plr10">
    						<p class="c-999 lh40 clearfix">
    							<span class="fl">冠心病诊断</span>
    							<span class="fr">2018-08-01</span>
    						</p>
    						<div class="bgc-f5f5fa plr5 ptb10" style="line-height: 20px;">
    							&emsp;&emsp;这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容
    						</div>
    					</li>
    				</ul>
    			</div>-->
	        </div>
	        <div class="fl c-h100 w-100-350">
	        	<div class="fl w-100-300 c-h100">
	        		<div class="plr5">
		        		<h4 class="m0 pl15 lh40 c-border-b c-position-r clearfix">
	        <div class="ui-col-1 c-h100 w-100-350 ui-grid">
	        	<div class="ui-col-1 c-h100 ui-grid ui-grid-vertical">
	        		<!--<div class="plr5">-->
		        		<div class="m0 pl15 lh40 c-border-b c-position-r clearfix">
		        			<em class="c-position-a set-blue-span"></em>
		        			<span class="fl">康复计划</span>
		        			<span class="fl plr20 ml20 c-f12 bgc-12b7f5 c-fff cur-pit" @click="gotoNewplan()" v-if="doctorType == 1">新建计划</span>
		        			<span class="fr w80 c-333 c-f12 c-t-center">进行中:{{recoverPatInfo.planUnderway}}</span>
		        			<span class="fr w80 c-333 c-f12 c-t-center">已完成:{{recoverPatInfo.planFinish}}</span>
		        		</h4>
		        		</div>
		        		<div class="pb10" style="overflow: hidden; height: 230px;">
			    			<ul class="p0 plr5 m0 c-h100" style="overflow: auto;">
			    				<li class="clearfix plr5 ptb10 mt10 plan-li cur-pit c-border b-r-3" v-for="(plan, index) in recoverPatInfo.planList" :key="index" @click="jumpPlan(plan)">
			    					<div class="fl w300">
			    				<li class="plr5 ptb10 mt10 plan-li cur-pit c-border b-r-3 ui-grid" v-for="(plan, index) in recoverPatInfo.planList" :key="index" @click="jumpPlan(plan)">
			    					<div class="ui-col-1">
			    						<p class="p0 m0 lh22 clearfix">
			    							<span class="fl">{{plan.planTypeName}}</span>
			    							<span class="fr c-999">{{plan.time}}</span>
			    						</p>
			    						<div class="clearfix">
			    							<p class="fl w-100-78 bgc-c1c1c1 lh22 b-r-11 c-position-r c-t-center">
			    						<div class="ui-grid">
			    							<p class="ui-col-1 bgc-c1c1c1 lh22 b-r-11 c-position-r c-t-center">
			    								<span class="c-position-a bgc-orange lh22 b-r-11 c-t-center c-fff" :style="{width: setPercent(plan), left: 0}"></span>
			    								<span class="c-position-r w-100 c-t-center">{{setPercent(plan)}}</span>
			    							</p>
			    							<span class="fr w60 c-999 lh22">{{plan.allFinishCount}}/{{plan.allCount}}</span>
			    							<div class="ui-col-0 ml10 c-999 lh22">{{plan.allFinishCount}}/{{plan.allCount}}</div>
			    						</div>
			    					</div>
			    					<div class="fr c-007cd9 lh40">{{plan.statusName}}</div>
			    					<div class="ui-col-0 ml15 c-007cd9 lh40">{{plan.statusName}}</div>
			    				</li>
			    				<li class="ptb10 c-t-center" v-if="!recoverPatInfo.planList || !recoverPatInfo.planList.length">暂无相关计划</li>
			    			</ul>
		    			</div>
	    			</div>
	    			<!--</div>-->
	    			<h4 class="m0 pl15 pr5 lh40 c-border-tb clearfix c-position-r"><em class="c-position-a set-blue-span"></em>康复相关记录<span class="fr w80 c-333 c-f12 c-t-center">已完成:{{finishData.planDetailFinish}}</span></h4>
	    			<div style="overflow: hidden; height: calc(100% - 323px);">
	    				<ul class="p0 m0 c-h100 c-999" style="overflow: auto;">
	    			<div class="ui-col-1" style="overflow: hidden; overflow-y: scroll;">
	    				<ul class="p0 m0 c-h100 c-999">
	    					<li class="clearfix plr10 cur-pit record-li" v-for="(plan, index) in planDetailList" :class="{'bgc-dff5fc c-12b7f5':plan.istaDay}" @click="lookProject(plan)">
	    						<div class="fl w80 ptb10 c-t-right">
	    							<p class="p0 m0 lh18">{{plan.executeTime}}</p>
@ -138,7 +136,7 @@
	    				</ul>
	    			</div>
	        	</div>
	        	<div class="fr w300 c-h100 c-border-l">
	        	<div class="ui-col-0 w300 c-h100 c-border-l">
	        		<div class="plr5 c-h100">
	        			<h4 class="m0 pl15 pr5 lh40 c-border-b clearfix c-position-r"><em class="c-position-a set-blue-span"></em>就诊记录</h4>
	        			<div class="lh30 c-border-b c-t-center clearfix">

+ 6 - 6
app/rehabilitation/css/health_control.css

@ -283,7 +283,7 @@ li {
.datab {
    width: 693px;
    /*width: 693px;*/
    justify-content: center;
}
@ -302,9 +302,9 @@ li {
}
.datad {
    width: 280px;
    /*width: 280px;*/
    margin: 10px;
    margin-right: 82px;
    /*margin-right: 82px;*/
}
.margin-10 {
@ -456,9 +456,9 @@ select.form-control {
    background-color: #d7dce6 !important;
}
.tablem{
     width: calc(100% - 20px);
    margin: 10px 10px !important;
    padding: 10px;
    width: 100%;
    /*margin: 10px 10px !important;*/
    /*padding: 20px;*/
}
.tablem .td{
    border: 0 !important;

+ 1 - 0
app/rehabilitation/css/management.css

@ -201,6 +201,7 @@ a {
.list-item {
	position: relative;
	cursor: pointer;
	margin-top: 10px;
}
.list-item.arrow-r:before {
	height: 11px;

+ 16 - 12
app/rehabilitation/css/moreplan.css

@ -133,9 +133,9 @@ body{
/* 边框 */
.quote {
    position: relative;
    /*position: relative;
    top: 50px;
    left: 0;
    left: 0;*/
    width: 4px;
    height: 81px;
    background-color: #12b7f5;
@ -188,9 +188,9 @@ body{
/* .dataa {} */
.dataatop {
    position: relative;
    /*position: relative;
    bottom: 41px;
    left: 20px;
    left: 20px;*/
    width: 210px;
    flex-wrap: wrap;
    justify-content: space-between;
@ -198,7 +198,7 @@ body{
}
.dataabom {
    width: 380px;
    width: 360px;
    background-color: #fafaeb;
    color: #666666;
    padding-left: 5px;
@ -217,7 +217,7 @@ body{
}
.dac {
    width: 250px;
    width: 260px;
    position: relative;
    justify-content: space-between;
}
@ -226,14 +226,19 @@ body{
    background-color: #f5f5fa;
    width: 290px;
    height: 100px;
    margin: 20px;
    /*margin: 20px;*/
    text-align: center;
    margin-left: 15px;
    padding: 10px;
}
.doc:nth-child(1){
            margin-left: 164px;
.strong-num{
    color: #333333;
    font-size: 20px;
    margin-left: 25px;
}
/*.doc:nth-child(1){
    margin-left: 164px;
}*/
.fdt,
.fdb {
@ -269,9 +274,8 @@ body{
}
.datad {
    justify-content: center;
    margin-right: 66px;
    margin-right: 30px;
}

+ 83 - 15
app/rehabilitation/css/rehabilitation_management.css

@ -20,7 +20,15 @@
[flex-grow="2"]{-webkit-box-flex: 2;-ms-flex-positive: 2;flex-grow: 2;}
[flex-grow="5"]{-webkit-box-flex: 5;-ms-flex-positive: 5;flex-grow: 5;}
body,html,.c-container{height: 100%;}
.rehabilition{height: 100%;padding-top: 49px;/*max-width: 1620px;*/margin: 0 auto;}
.rehabilition{
    /*height: 100%;*/
    overflow: hidden;
    overflow-y: scroll;
    /*padding-top: 49px;*/
    /*max-width: 1620px;*/
    margin: 0 auto;
    padding-bottom: 50px;
}
.nav-content-right{height: 100%;overflow: auto;}
.search-left{border-right: solid 1px #d7dce6;background-color: #f5f5f5;height: 100%;}
.mw400{max-width: 400px;}
@ -39,12 +47,18 @@ body,html,.c-container{height: 100%;}
.icon{width: 12px;height: 12px;vertical-align: middle;background-size: 100% 100%;background-repeat: no-repeat;display: inline-block;}
.icon-blue{background-color: #12b7f5;border-radius: 2px;}	
.icon-green{background-color: #2dbe55;border-radius: 2px;}
.icon-flag{background-image: url(../images/woderenwu_icon.png);}
.icon-flag{
    background-image: url(../images/woderenwu_icon.png);
    background-size: 100% 100%;
}
.icon-shuaxin{background-image: url(../images/icon/shuaxin.png);}
.icon-shuaxin:hover{background-image: url(../images/icon/shuaxin1.png);}
.icon-back{background-image: url(../images/icon/fanhui_icon.png);}
.icon-back:hover{background-image: url(../images/icon/fanhui02_icon.png);}
.icon-check{background-image: url(../images/wancheng_icon.png);}
.icon-check{
    background-image: url(../images/wancheng_icon.png);
    background-size: 100% 100%;
}
.icon-prev{background-image: url(../images/icon/houtui_icon.png);}
.icon-next{background-image: url(../images/icon/qianjing_icon.png);}
.icon-rili{background-image: url(../images/icon/rilibiao02_icon.png);}
@ -57,17 +71,51 @@ body,html,.c-container{height: 100%;}
/*周期*/
.calendar-week{background-color: #ebebf5;border: solid 1px #d7dce6;padding: 11px;}
/*日期*/
.calendar-days>.flex-box{border-bottom: 1px solid #d7dce6;}
.calendar-day{height: 135px;border-left: 1px solid #d7dce6;cursor: pointer;position: relative;padding: 5px;width: 14.28571428%;border-bottom: 1px solid #d7dce6;}
.calendar-days .calendar-day:first-child{border-left-width: 0;}
.calendar-day:hover{-webkit-box-shadow: 0 0 0 1px #12b7f5 inset;box-shadow: 0 0 0 1px #12b7f5 inset;}
.calendar-day.current-day{background-color: #ddf6fe;}
.calendar-days>.flex-box{
    border-bottom: 1px solid #d7dce6;
    border-right: 1px solid #D7DCE6;
    border-left: 1px solid #D7DCE6;
}
.calendar-day {
    height: 135px;
    border-left: 1px solid #d7dce6;
    cursor: pointer;
    position: relative;
    padding: 5px;
    width: 14.28571428%;
    /*border-bottom: 1px solid #d7dce6;*/
}
.calendar-days .calendar-day:first-child {
    border-left-width: 0;
}
.calendar-day:hover {
    -webkit-box-shadow: 0 0 0 1px #12b7f5 inset;
    box-shadow: 0 0 0 1px #12b7f5 inset;
}
.calendar-day.current-day {
    background-color: #ddf6fe;
}
.no-server{text-align: center;top: 50%;position: absolute;left: 0;right: 0;color: #c8c8c8;font-size: 18px;}
/*彩带*/
.coloured-ribbon{font-size: 12px;width: 22px;text-align: center;height: 40px;display: inline-block;padding-top: 8px;line-height: 1;color: #fff;}
.coloured-box{top: 0;position: absolute;right: 5px;}
.coloured-ribbon-blue{background: url(../images/biaoqian-lanse_img.png) center center / 100% 100% no-repeat;}
.coloured-ribbon-green{background: url(../images/biaoqian-lvse_img.png) center center / 100% 100% no-repeat;margin-left: 5px;}
.coloured-ribbon-blue {
    background-image: url(../images/biaoqian-lanse_img.png);
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.coloured-ribbon-green {
    background-image: url(../images/biaoqian-lvse_img.png);
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-left: 5px;
}
.task-icon{position: absolute;left: 50px;top: 10px;min-height: 20px;}
.task-icon .icon-check{position: absolute;right: -3px;bottom: 0;width: 15px;height: 15px;}
.day-number{font-size: 28px;color: #999999;margin-bottom: 0;line-height: 1;}
@ -75,12 +123,32 @@ body,html,.c-container{height: 100%;}
.progress-box{position: absolute;bottom: 0;left: 0;right: 0;padding: 10px 5px;text-align: center;}
.progress-box .progress{margin-bottom: 9px;background-color: #d7dce6;border-radius: 10px;position: relative;}
.progress-box .progress > span{position: absolute;left: 0;right: 0;text-align: center;color: #333333;top: 2px;}
.progress-box .progress-bar{background-color: #12b7f5;}
.progress-box .progress-bar-success{background-color: #2dbe55;}
.progress-box .progress-bar{background-color: #12b7f5; border-radius: 10px;}
.progress-box .progress-bar-success{background-color: #2dbe55; border-radius: 10px;}
/*页头*//*max-width: 1620px;*/
.page-title{position: fixed;top: 0;left: 0;right: 0;padding: 9px;border-bottom: 1px solid #d7dce6;z-index: 5;margin: 0 auto;background-color: #fff}
.page-title-name{padding-right: 15px;font-size: 14px;border-right: 1px solid #d7dce6;display: inline-block;margin-right: 10px;}
.page-title span{vertical-align: middle;}
.page-title {
    /*position: fixed;
    top: 0;
    left: 0;
    right: 0;*/
    padding: 9px;
    border-bottom: 1px solid #d7dce6;
    z-index: 5;
    /*margin: 0 auto;*/
    background-color: #fff
}
.page-title-name {
    padding-right: 15px;
    font-size: 14px;
    border-right: 1px solid #d7dce6;
    display: inline-block;
    margin-right: 10px;
}
.page-title span {
    vertical-align: middle;
}
.mr10{margin-right: 10px;}
.page-title .icon{cursor: pointer;}
.currentDay{font-size: 16px;margin: 0 25px;vertical-align: middle;width: 100px;text-align: justify;text-align-last: justify;display: inline-block;}

+ 1 - 1
app/rehabilitation/css/service_item_content.css

@ -1,6 +1,6 @@
[v-cloak]{display: none;}
#app{
    width: 970px;
    width: 100%;
    margin: 0 auto;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;

+ 1 - 0
app/rehabilitation/html/guide_the_message.html

@ -132,6 +132,7 @@
		</div>
		<script type="text/javascript" src="../../../js/vue.js"></script>
		<script type="text/javascript" src="../../../js/jquery-2.2.4.js" ></script>
		<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../../../api/http-request.js"></script>
		<script type="text/javascript" src="../../../api/rehabilitation-api.js"></script>
		<script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>

+ 11 - 8
app/rehabilitation/html/health_control.html

@ -81,12 +81,12 @@
                <li>操作</li>
            </ul>
            <!-- table -->
            <table class="data table tablem">
            <table class="table tablem">
                <tr v-if="!wujilu" v-for="(data, index) in tablelist" class="datas">
                    <td class="td">
                        <div class="all flex-box">
                            <div :class="{ quote: isActive}" class="mr15"></div>
                            <div class="dataa flex-box">
                                <div :class="{ quote: isActive}"></div>
                                <img :src="setImgSrc(data.photo)" @click="checkPatient(data)" width="40" height="40" class="c-images-cycle" />
                                <p class="xinxi">
                                    <span>{{data.patientName}}
@ -96,7 +96,7 @@
                                    <span class="span"></span> <span>{{data.healthyCondition}}</span>
                                </p>
                            </div>
                            <div class="datab flex-box">
                            <div class="datab ui-col-1 flex-box">
                                <p style="width: 120px">{{data.planTypeName}}</p>
                                <div class="layui-progress layui-progress-big" :lay-filter="data.id" lay-showpercent="true">
                                    <div class="layui-progress-bar" :id="'progress_'+data.id" lay-percent="">
@ -104,6 +104,8 @@
                                </div>
                                <span class="cgre">{{data.allFinishCount}}/</span>
                                <span class="cgre">{{data.allCount}}</span>
                            </div>
                            <div class="ui-col-1 flex-box">
                                <p style="margin-left:20px;"class="cred">今日:
                                    <span>{{data.todayBacklogCount}}</span>
                                </p>
@ -114,13 +116,13 @@
                                    <span>{{data.unfinishedCount}}</span>
                                </p>
                            </div>
                            <div class="datad flex-box">
                                <button>
                            <div class="datad ui-col-0 flex-box">
                                <button class="mr15">
                                    <a href="javascript: void(0)" @click="checkPlan(data)">查看计划</a>
                                </button>
                                <button v-if="data.status != 2" class="stopBtn" @click="stop(data)" :data-id="data.id" :id="'stopBtn_'+data.id">中止计划</button>
                                <button v-if="data.status == 2" :data-id="data.id" :id="'stopBtn_'+data.id"></button>
                                <button @click="morePlan(data)">
                                <button class="mr15" v-if="data.status != 2" class="stopBtn mr15" @click="stop(data)" :data-id="data.id" :id="'stopBtn_'+data.id">中止计划</button>
                                <button class="mr15" v-if="data.status == 2" :data-id="data.id" :id="'stopBtn_'+data.id"></button>
                                <button class="mr15" @click="morePlan(data)">
                                    <a href="javascript: void(0)">更多计划</a>
                                </button>
                            </div>
@ -143,6 +145,7 @@
    </div>
    <script type="text/javascript" src="../../../js/vue.js"></script>
    <script type="text/javascript" src="../../../js/jquery-2.2.4.js"></script>
    <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="../../../js/cross.ui.js"></script>
    <script src="../../../plugins/layer/layer.min.js"></script>
    <script type="text/javascript" src="../../../plugins/layui-v2.3.0/layui/layui.js"></script>

+ 1 - 0
app/rehabilitation/html/management.html

@ -32,6 +32,7 @@
			var EventBus = new Vue();
			Vue.prototype.loading = dialog({contentType:'load', skin:'bk-popup'})
		</script>
		<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../api/http-request.js"></script>
		<script src="../../../api/home-api.js"></script>
		<script src="../../../js/underscore.js"></script>

+ 76 - 105
app/rehabilitation/html/moreplan.html

@ -31,121 +31,91 @@
            <!-- henfu -->
            <div class="henfu">
                <div v-for="(dat, index) in patientlist">
                    <div class="data flex-box">
                            <div class="dataa">
                                    <div class="quote"></div>
                                    <div class="dataatop">
                                        <div class="dac flex-box">
                                            <p>
                                           <img :src="setImgSrc(dat.patientPhoto)" @click="checkPatient()" width="40" height="40" class="c-images-cycle" />
            
                                            </p>
                                            <div class="xinxi">
                                                <div class="xinxitop flex-box">
                                                        <p><span style="color:#333333;">{{dat.patientName}}</span>&#x3000;({{dat.sex}}{{dat.age}}岁)
                                                            </p>
                                                            <p class="biaoqian" :id="'quote_'+dat.patientCode">
                                                                <span class="span1"></span><span>{{dat.healthyCondition}}</span>
                                                            </p>
                                                </div>
                                              
                                                <p>{{dat.hospital}}</p>
                                            </div>
            
            
                                        </div>
            
                                        <div class="dataabom">
                                            <p>疾病类型:</p>
                                            <p v-for="(data1, index) in dat.diseaseList" class="inline-block">{{data1}}</p>
                                        </div>
                    <div class="data ui-grid ui-grid-middle">
                        <div class="quote"></div>
                        <div class="ui-col-0">
                            <div class="dac ui-grid ui-grid-middle">
                                <div class="mr20"><img :src="setImgSrc(dat.patientPhoto)" @click="checkPatient()" width="40" height="40" class="c-images-cycle" /></div>
                                <div class="ui-col-1 xinxi">
                                    <p><span style="color:#333333;">{{dat.patientName}}</span>&#x3000;({{dat.sex}}{{dat.age}}岁)</p>
                                    <p>{{dat.hospital}}</p>
                                </div>
                                <div class="biaoqian ui-col-0" :id="'quote_'+dat.patientCode">
                                    <span class="span1"></span><span>{{dat.healthyCondition}}</span>
                                </div>
                            </div>
                            <div class="dataabom mt5">
                                <p>疾病类型:</p>
                                <p v-for="(data1, index) in dat.diseaseList" class="inline-block">{{data1}}</p>
                            </div>
                        </div>
                        <div class="ui-col-1 ui-grid">
                            <div class="doc fdoctor">
                                <div class="ui-grid ui-grid-middle">
                                    <div class="mr10">
                                        <img src="../../../images/moren_yishengqun_img .jpg" width="40" height="40" class="c-images-cycle">
                                    </div>
                                    <div class="ui-col-1 miaoshu cgre">
                                        <p><span>家庭医生</span>&nbsp;{{dat.signFamilyAdminTeamName}}</p>
                                        <p class="mt5">{{dat.familyHospitalName}}</p>
                                    </div>
            
            
                                </div>
                                <div class="datab flex-box">
                                    <div class="doc fdoctor">
                                        <div class="fdt flex-box">
                                            <img src="../../../images/moren_yishengqun_img .jpg" width="40" height="40" class="c-images-cycle">
                                            <div class="miaoshu cgre">
                                                <p>
                                                    <span>家庭医生</span>&nbsp;{{dat.signFamilyAdminTeamName}}</p>
                                                <p class="mt10">{{dat.familyHospitalName}}</p>
            
                                            </div>
                                        </div>
                                        <div class="fdb flex-box">
                                            <p>完成项目
                                                <span>{{dat.signFamilyFinishItemCount}}</span>
                                            </p>
                                            <p>服务记录
                                                <span>{{dat.signFamilyServiceRecordCount}}</span>
                                            </p>
            
                                        </div>
                                <div class="ui-grid ui-grid-middle c-t-left">
                                    <p class="ui-col-1 c-border-r">完成项目<span class="strong-num">{{dat.signFamilyFinishItemCount}}</span></p>
                                    <p class="ui-col-1 pl10">服务记录<span class="strong-num">{{dat.signFamilyServiceRecordCount}}</span></p>
                                </div>
                            </div>
                            <div class="doc sdoctor">
                                <div class="ui-grid ui-grid-middle">
                                    <div class="mr10">
                                        <img src="../../../images/moren_yishengqun_img .jpg" width="40" height="40" class="c-images-cycle">
                                    </div>
                                    <div class="doc sdoctor">
                                        <div class="fdt flex-box">
                                            <img src="../../../images/moren_yishengqun_img .jpg" width="40" height="40" class="c-images-cycle">
                                            <div class="miaoshu cgre">
                                                <p>
                                                    <span>专科医生</span>&nbsp;{{dat.specialistAdminTeamName}}</p>
                                                <p class="mt10">{{dat.specialistHospitalName}}</p>
            
                                            </div>
                                        </div>
                                        <div class="fdb flex-box">
                                            <p>完成项目
                                                <span>{{dat.specialistFinishItemCount}}</span>
                                            </p>
                                            <p>服务记录
                                                <span>{{dat.specialistServiceRecordCount}}</span>
                                            </p>
            
                                        </div>
                                    <div class="ui-col-1 miaoshu cgre">
                                        <p><span>专科医生</span>&nbsp;{{dat.specialistAdminTeamName}}</p>
                                        <p class="mt5">{{dat.specialistHospitalName}}</p>
                                    </div>
                                </div>
                                <div class="datad flex-box">
                                    <button class="falsebutton" @click=noOpen()>健康指导</button>
                                    <button class="falsebutton" @click=noOpen()>随访</button>
                                    <button class="falsebutton" @click=noOpen()>复诊预约</button>
                                <div class="ui-grid ui-grid-middle c-t-left">
                                    <p class="ui-col-1 c-border-r">完成项目<span class="strong-num">{{dat.specialistFinishItemCount}}</span></p>
                                    <p class="ui-col-1 pl10">服务记录<span class="strong-num">{{dat.specialistServiceRecordCount}}</span></p>
                                </div>
                    </div>
                       <!-- 细节点 -->
                       <div class="detail flex-box" v-for="(data, index) in dat.rehabilitationPlanList">
                            <div class="detaila flex-box">
                                <div class="quote2"></div>
                                <p style="width:120px;text-align: center;">{{data.planTypeName}}</p>
                            </div>
                            <div class="detailb flex-box">
                                <span class="cblue" :id="'span_font'+data.planId">进行中</span>
                                <div class="layui-progress layui-progress-big" :lay-filter="data.planId" lay-showpercent="true">
                                        <div class="layui-progress-bar" :id="'progress_'+data.planId" lay-percent="">
                                        </div>
                                </div> 
        
                                <span class="cgre">{{data.allFinishCount}}/</span>
                                <span class="cgre">{{data.allCount}}</span>
                        </div>
                        <div class="datad flex-box">
                            <button class="falsebutton" @click=noOpen()>健康指导</button>
                            <button class="falsebutton" @click=noOpen()>随访</button>
                            <button class="falsebutton" @click=noOpen()>复诊预约</button>
                        </div>
                    </div>
                   <!-- 细节点 -->
                    <div class="detail ui-grid ui-grid-middle" v-for="(data, index) in dat.rehabilitationPlanList">
                        <div class="quote2"></div>
                        <div class="" style="width:120px;text-align: center;">{{data.planTypeName}}</div>
                        <div class="detailb ui-col-1 flex-box mr30">
                            <span class="cblue" :id="'span_font'+data.planId">进行中</span>
                            <div class="layui-progress layui-progress-big" :lay-filter="data.planId" lay-showpercent="true">
                                    <div class="layui-progress-bar" :id="'progress_'+data.planId" lay-percent="">
                                    </div>
                            </div> 
                            <span class="cgre">{{data.allFinishCount}}/</span>
                            <span class="cgre">{{data.allCount}}</span>
                        </div>
                        <div class="detailc ui-col-1 flex-box mr30">
                            <div class="cred mr30">今日:
                                <span>{{data.todayBacklogCount}}</span>
                            </div>
                            <div class="detailc flex-box">
                                <p class="cred">今日:
                                    <span>{{data.todayBacklogCount}}</span>
                                </p>
                                <p class="cgre">已完成:
                                    <span>{{data.finishedCount}}</span>
                                </p>
                                <p class="cgre">未完成:
                                    <span>{{data.unfinishedCount}}</span>
                                </p>
                            <div class="cgre mr30">已完成:
                                <span>{{data.finishedCount}}</span>
                            </div>
                            <div class="detaild">
                                <!-- <a href="javascript: void(0)" @click="checkPatient()">查看患者</a> -->
                                <a href="javascript: void(0)" @click="checkPlan(data)">查看计划</a>
                                <a href="javascript: void(0)"  @click="stop(data)" :id="'stopBtn_'+data.planId">中止计划</a>
        
        
                            <div class="cgre mr30">未完成:
                                <span>{{data.unfinishedCount}}</span>
                            </div>
        
                        </div>
                        <div class="detaild">
                            <!-- <a href="javascript: void(0)" @click="checkPatient()">查看患者</a> -->
                            <a href="javascript: void(0)" @click="checkPlan(data)">查看计划</a>
                            <a href="javascript: void(0)"  @click="stop(data)" :id="'stopBtn_'+data.planId">中止计划</a>
                        </div>
                    </div>
                </div>
               
@ -156,6 +126,7 @@
    <script type="text/javascript" src="../../../js/vue.js"></script>
    <script type="text/javascript" src="../../../js/jquery-2.2.4.js"></script>
    <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="../../../js/cross.ui.js"></script>
    <script src="../../../js/underscore.js"></script>
    <script src="../../../js/util.js"></script>

+ 7 - 6
app/rehabilitation/html/rehabilitation_management.html

@ -37,8 +37,8 @@
		</style>
	</head>
	<body>
		<div class="c-container" id="app" v-cloak>
			<div class="page-title flex-box">
		<div class="c-container ui-grid ui-grid-vertical" id="app" v-cloak>
			<div class="page-title flex-box ui-col-0">
				<div class="flex-box-item mw400" flex-grow="2">				
					<span class="page-title-name">康复计划</span><a class="icon icon-back icon-16 mr10" href="javascript:history.back();"></a><i class="icon icon-shuaxin icon-16" @click="refreshPage"></i>
				</div>
@ -53,7 +53,7 @@
						<i class="icon icon-next icon-20" @click="nextMonth"></i></span>
				</div>
			</div>
			<div class="rehabilition c-position-r bgc-f5f5f5">
			<div class="rehabilition c-position-r bgc-f5f5f5 ui-col-1">
				<div class="search-left w400 c-position-a">
					<span class="c-position-a set-close" @click="changeSearch(-1)"></span>
					<div class="search-condition">
@ -102,8 +102,8 @@
							</div>
						</div>
						<div class="calendar-days">
							<div class="flex-box">
								<div class="calendar-day" v-for="item in calendarData" @click="viewDetail(item.planDetailIds)" :is-future="item.future">
							<div v-for="items in calendarData" class="flex-box"><!--
								--><div class="calendar-day" v-for="item in items" @click="viewDetail(item.planDetailIds)" :is-future="item.future">
									<span class="day-number">{{item.day}}</span>
									<div class="task-icon">
										<i v-if="item.myTaskFlag" class="icon icon-flag icon-20"></i>
@ -167,10 +167,11 @@
		</div>
		<script type="text/javascript" src="../../../js/vue.js"></script>
		<script type="text/javascript" src="../../../js/jquery-2.2.4.js"></script>
		<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../../../api/http-request.js"></script>
		<script type="text/javascript" src="../../../plugins/layer/layer.min.js" ></script>
		<script type="text/javascript" src="../../../api/rehabilitation-api.js"></script>
		<script type="text/javascript" src="../../../js/underscore.js"></script>
		<script type="text/javascript" src="../../../js/underscore-1.9.1.js"></script>
		<script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../js/rehabilitation_management.js"></script>
	</body>

+ 11 - 10
app/rehabilitation/html/service_item_content.html

@ -13,7 +13,7 @@
		<div class="panel-group" id="app" v-cloak role="tablist" aria-multiselectable="true">
		  <div class="panelcurPage" v-for="(service,index) in serviceData">
		    <div class="panel-heading"  :class="{active:collapseIndex==index}" role="tab" @click="changeCollapseIndex(index)">
		      <h4 class="panel-title">
		      <div class="panel-title">
		        <a role="button" class="flex-box">
		          <div class="flex-box-item service-top">
		          	<p class="service-name"><span class="service-index" v-if="serviceData && serviceData.length>1">{{index+1}}</span><span>{{service.title}}</span></p>
@ -25,7 +25,7 @@
		          </div>
		          <span class="icon icon-arrow-down ml50"></span>
		        </a>
		      </h4>
		      </div>
		    </div>
		    <div class="panel-collapse collapse" :class="{in:collapseIndex==index}"  role="tabpanel" aria-labelledby="headingOne">
		      	<div class="panel-body">
@ -90,17 +90,11 @@
			      			<p class="f14 c-333">相关记录</p>
			      			<ul class="upload-box" v-if="service.status==1 && service.relationRecordImg && service.relationRecordImg.length">
			      				<li class="flex-box" v-for="img in service.relationRecordImg">
			      					<div class="upload-img-box">      						
				      					<img :src="img | getImgUrl" />
			      					<div class="upload-img-box">
				      					<img :src="img | getImgUrl" @click="previewImg(img)"/>
			      					</div>
			      				</li>
			      			</ul>
			      			<!--查看图片-->
			      			<div id="outerdiv" style="position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:2;width:100%;height:100%;display:none;">
							    <div id="innerdiv" style="position:absolute;">
							        <img id="bigimg" style="border:5px solid #fff;" src="" />
							    </div>
							</div>
			      			<div class="upload-box" v-if="service.status==1 && service.relationRecordImg && !service.relationRecordImg.length">
			      				<p>暂无相关记录</p>
			      			</div>
@ -115,6 +109,12 @@
		        </div>
		    </div>
		  </div>
		  <!--查看图片-->
            <div id="outerdiv" style="position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:2;width:100%;height:100%;display:none;">
                <div id="innerdiv" style="position:absolute;">
                    <img id="bigimg" style="border:5px solid #fff;" src="" />
                </div>
            </div>
		  <div class="fuwuma-model" v-show="qrModal">
		  	<div class="fuwuma-layer" @click="qrModal=false"></div>
		  	<div class="fuwuma-content">
@ -124,6 +124,7 @@
		</div>
		<script type="text/javascript" src="../../../js/vue.js"></script>
		<script type="text/javascript" src="../../../js/jquery-2.2.4.js"></script>
		<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../../../api/http-request.js"></script>
		<script src="../../../plugins/toastr/toastr.min.js"></script>
		<script type="text/javascript" src="../../../api/rehabilitation-api.js"></script>

+ 1 - 0
app/rehabilitation/html/stop_special_service.html

@ -74,6 +74,7 @@
			</div>
		<script type="text/javascript" src="../../../js/vue.js"></script>
		<script type="text/javascript" src="../../../js/jquery-2.2.4.js"></script>
		<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../../../api/http-request.js"></script>
		<script type="text/javascript" src="../../../api/rehabilitation-api.js"></script>
		<script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>

+ 1 - 1
app/rehabilitation/js/health_control.js

@ -230,7 +230,7 @@ layui.use('element', function () {
        },
        mounted() {
        mounted: function() {
            var vm = this
            vm.getDatas()
            vm.gettypes()

+ 1 - 1
app/rehabilitation/js/moreplan.js

@ -196,7 +196,7 @@ layui.use('element', function () {
            }
        },
        mounted() {
        mounted: function() {
            var vm = this
            vm.getDatas()
            EventBus.$on("back-click", function (arg) {

+ 4 - 2
app/rehabilitation/js/rehabilitation_management.js

@ -207,6 +207,7 @@
					vm.curTask=vm.searchTask;
					vm.curTaskName=vm.searchTaskName;
					vm.calendarData=[];
					var list = [];
					if(res.status==200){
						var data=res.data
						var _currentTimeStamp=+new Date(new Date().setHours(0, 0, 0, 0));
@ -246,9 +247,10 @@
							var thatTime=+new Date(_key)-8*60*60*1000;
							var future=_currentTimeStamp>thatTime?0:(_currentTimeStamp==thatTime?1:2);
							item.future=future;
							vm.calendarData.push(item);
							list.push(item);
//							vm.calendarData.push(item);
						}
						console.log(vm.calendarData)
						vm.calendarData = _.chunk(list, 7)
					}
				})
			},

+ 12 - 25
app/rehabilitation/js/service_item_content.js

@ -255,30 +255,17 @@
					res = '【视频】';
				}
				return res;
			},
			previewImg: function(url){
			    var src = httpRequest.getImgUrl(url);
			    imgShow("#outerdiv", "#innerdiv", "#bigimg", src);
			}
		},
		filters:{
		  	formatDate:function(value, format) {
		  		if(!value) return ;
		  		var fmt=format || "yyyy-MM-dd hh:mm";
				var date = new Date(value);
				if (/(y+)/.test(fmt)) {
					fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
				}
				let o = {
					'M+': date.getMonth() + 1,
					'd+': date.getDate(),
					'h+': date.getHours(),
					'm+': date.getMinutes(),
					's+': date.getSeconds()
				};
				for (let k in o) {
					if (new RegExp(`(${k})`).test(fmt)) {
						let str = o[k] + '';
						fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : ('00' + str).substr(str.length));
					}
				}
				return fmt;
				var d = new Date(value);
				return d.format("yyyy-MM-dd hh:mm:ss");
			},
			getImgUrl: function(value) {
				var url = httpRequest.getImgUrl(value);
@ -286,12 +273,12 @@
			}
		}
	})
	$("body").on('click','img',function(){  
        var _this = $(this);//将当前的img元素作为_this传入函数  
        imgShow("#outerdiv", "#innerdiv", "#bigimg", _this);  
    }); 
    function imgShow(outerdiv, innerdiv, bigimg, _this){
        var src = _this.attr("src");//获取当前点击的pimg元素中的src属性  
//	$("body").on('click','img',function(){  
//      var _this = $(this);//将当前的img元素作为_this传入函数  
//      imgShow("#outerdiv", "#innerdiv", "#bigimg", _this);  
//  }); 
    function imgShow(outerdiv, innerdiv, bigimg, src){
//      var src = _this.attr("src");//获取当前点击的pimg元素中的src属性  
        $(bigimg).attr("src", src);//设置#bigimg元素的src属性  
            /*获取当前点击图片的真实大小,并显示弹出层及大图*/  
        $("<img/>").attr("src", src).load(function(){  

+ 4 - 4
component/common/pagination.js

@ -49,11 +49,11 @@ var pageComponent = Vue.extend({
    },
    computed: {
        showPageBtn: function() {
            let pageNum = this.pages;
            let index = this.curPage;
            let arr = [];
            var pageNum = this.pages;
            var index = this.curPage;
            var arr = [];
            if (pageNum <= 5) {
                for (let i = 1; i <= pageNum; i++) {
                for (var i = 1; i <= pageNum; i++) {
                    arr.push(i)
                }
                return arr

+ 1 - 1
component/rehabilitation/item-detail.js

@ -38,7 +38,7 @@ var ItemDetail = {
        	itemId: ""
        }
    },
     beforeRouteEnter (to, from, next) {
     beforeRouteEnter: function(to, from, next) {
	    next(function(vm) {
	    	var query = vm.$route.query
	    	vm.itemId = query.itemId

+ 1 - 1
component/rehabilitation/template-items-select.js

@ -57,7 +57,7 @@ var TemplateItemsSelect = {
        	]
        }
    },
    beforeRouteEnter (to, from, next) {
    beforeRouteEnter: function(to, from, next) {
	    next(function(vm) {
	    	var query = vm.$route.query
	    	if(vm.isNew == true || vm.isNew === "true") {

+ 10 - 2
css/style.min.css

@ -7470,9 +7470,17 @@ select {
.layui-layer-setwin a{height: 42px!important;line-height: 42px!important;width: 33px!important;margin-left: 0!important;}
.layui-layer-setwin .layui-layer-min cite{height: 14px!important;margin-top: -7px!important;left: 7px!important;background: url(../images/zuixiaohua_icon.png) center center / 60% auto no-repeat;background-color: #f8f8f8!important;}
.layui-layer-setwin .layui-layer-min:hover,.layui-layer-setwin .layui-layer-min:hover cite,.layui-layer-setwin .layui-layer-max:hover{background-color: #ebebf5!important;}
.layui-layer-setwin .layui-layer-max{background: url(../images/zuidaohua_icon.png) center center / 35% auto no-repeat;background-position: center center!important;background-color: #f8f8f8!important;}
.layui-layer-setwin .layui-layer-max {
    background: url(../images/zuidaohua_icon.png) no-repeat;
    background-position: center center!important;
    background-color: #f8f8f8!important;
}
.layui-layer-setwin .layui-layer-maxmin{background-image: url(../images/zuidaohua02_icon.png)!important;}
.layui-layer-setwin .layui-layer-close{background: url(../images/guanbi_icon.png) center center / 30% auto no-repeat;background-color: #f8f8f8!important;background-position: center center!important;}
.layui-layer-setwin .layui-layer-close {
    background: url(../images/guanbi_icon.png) no-repeat;
    background-color: #f8f8f8!important;
    background-position: center center!important;
}
.layui-layer-setwin .layui-layer-close:hover,.layui-layer-setwin .layui-layer-close:hover{background-color: #f96464!important;}
.layui-layer-setwin.set-close-btn{top: 0!important;right: 0!important;line-height: 33px!important;}