更改疾病筛查-筛查数据模型

app/jbsc/css/statistics.css

@@ -31,7 +31,7 @@
.table-cell {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	vertical-align: middle;	
}
.pr20{
	padding-right: 20px;
@@ -42,6 +42,9 @@
.lheight-20{
	line-height: 20px;
}
.lheight-24{
	line-height: 24px;
}
.lheight-40{
	line-height: 40px;
}
@@ -57,6 +60,16 @@
.w-220{
	width: 220px;
}
.plr80{
	padding-left: 80px;
	padding-right: 80px;
}
.ml-2{
	margin-left: -2px;
}
.mt-5{
	margin-top: -5px;
}
.btn{
	color:#fff;
	width: 80px;	
@@ -70,7 +83,7 @@ select.form-control{
.bgc-02cfb9{background-color: #02cfb9;color: #fff;}
.bgc-02cfb9.focus, .bgc-02cfb9:focus, .bgc-02cfb9:hover{color: #fff;background-color: #00bda8;}
.bgc-12B7F5{
.bgc-12B7F5,.bgc1-12B7F5{
	background-color: #12B7F5;	
}
.bgc-12B7F5:hover{
@@ -80,8 +93,7 @@ select.form-control{
.c-12B7F5{
	color: #12B7F5;	
}
.bgc-FF9630{
.bgc-FF9630,.bgc1-FF9630{
	background-color: #FF9630;
}
.bgc-FF9630:hover{
@@ -91,17 +103,86 @@ select.form-control{
.c-FF9630{
	color: #FF9630;
}
.c-2DBE55{
	color: #2DBE55;
}
.bgc-2DBE55{
.bgc-2DBE55,.bgc1-2DBE55{
	background-color: #2DBE55;
}
.bgc-2DBE55:hover{
	background-color: #30a14f;
	color: #fff;
}
.data-model{
	border: 1px solid #e1e1e1;
    border-radius: 5px;
.bgc-6fd7fe{
	background-color: #6FD7FE;
}
.border-6FD7FE{
	border:1px solid #6FD7FE;
	border-radius: 5px;
}
.bgc-D7F3FE{
	background-color: #D7F3FE;
}
.bgc-DCFDE6{
	background-color: #DCFDE6;
}
.bgc-61D882{
	background-color: #61D882;
}
.border-61D882{
	border:1px solid #61D882;
	border-radius: 5px;
}
.bgc-FAB675{
	background-color: #FAB675;
}
.border-FAB675{
	border:1px solid #FAB675;
	border-radius: 5px;
}
.bgc-FEEEDF{
	background-color: #FEEEDF;
}
.c-border-radius-blr{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;		
	min-width:200px;
	min-height: 175px;
}
.c-border-radius-blr5{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.bigbox{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	line-height: 40px;
	color:#fff;
	font-size: 18px;
}
.smallbox{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	line-height: 40px;
	font-size: 14px;
	background: #fff;
}
.jiantou01{
	position: absolute;
    margin-left: -25px;
    margin-top: 40px;
}
.numcircle{
	border-radius: 50%;
	background-color: #fff;
	padding: 2px 7px 1px 6px;
    margin-right: 6px;
}
#sc_table{}
#sc_table tr td:nth-child(2):hover{
@@ -159,6 +240,27 @@ button.dropdown-toggle:hover .caret {
}
.form-control{
	height: 28px;
	background-color: #FFFFFF !important;
	background-color: #FFFFFF !important;	
}
.up_datamodel{
	background-image: url(../images/shouqi_btn.png);
	background-repeat: no-repeat;
	
} 
.down_datamodel{
	background-image: url(../images/zhankai_btn.png);
	background-repeat: no-repeat;
} 
#datamodeltap{	
    position: absolute;
    right: 20px;
    margin-top: 10px;
    z-index: 1;
    cursor: pointer;
}
#sc_datamodel.boxcenter{
	width:840px;
	margin: 0 auto;
}

app/jbsc/html/statistics.html

@@ -22,229 +22,186 @@
			<div class="re-title no-select">
				<div class="name">筛查统计</div>
			</div>
			<div class="p20">
				<!--筛查数据模型-->
				<div id="sc_datamodel">
					<div class="c-f16">筛查数据模型</div>
					<div class="div-table c-border-b pb25" style="margin-top: -17px;">
						<div class="table-row">
							<div class="table-cell">
								<div class="w3-row">
									<div class="w3-col fr lheight-60" style="width:20px;">
										<img src="../../../images/jiantou_img.png" />
			<!--筛查数据模型-->
			<div id="sc_datamodel" class="boxcenter p10">
				<div class="div-table plr80">
					<div class="table-row">
						<div class="table-cell">
							<div class="ui-grid">
								<div class="ui-col-1">
									<div class="bigbox bgc1-12B7F5">
										<span class="numcircle c-12B7F5">1</span>筛查表管理
									</div>
									<div class="w3-rest data-model c-f12">
										<div class="c-909090 c-border-b lheight-20">
											使用筛查表
										</div>
										<div class="c-12B7F5 lheight-40">
											<span class="c-f16">{{Statics.useTemplateCount}}</span>个
									<div class="bgc-D7F3FE c-border-radius-blr plr20 ptb10">
										<div class="border-6FD7FE bgc-6fd7fe">
											<div class="c-fff c-f16 lheight-24">
												筛查表
											</div>
											<div class="c-12B7F5 smallbox">
												<span class="c-f20">{{Statics.useTemplateCount}}</span>个
											</div>
										</div>
										<img src="../images/jiantou_02_img.png" class="mt-5">
										<div class="border-6FD7FE bgc-6fd7fe">
											<div class="c-fff c-f16 lheight-24">
												已下发问卷
											</div>
											<div class="c-12B7F5 smallbox">
												<span class="c-f20">{{Statics.grantCount}}</span>个
											</div>
										</div>
									</div>
								</div>
								<div class="ui-col-0"><img src="../images/jiantou_03_img.png" class="mt10 ml-2"></div>
							</div>
							<div class="table-cell">
								<div class="w3-row">
									<div class="w3-col fr lheight-60" style="width:20px;">
										<img src="../../../images/jiantou_img.png" />
						</div>
						<div class="table-cell plr30">
							<div class="ui-grid">
								<div class="ui-col-1">
									<div class="bigbox bgc1-2DBE55">
										<span class="numcircle c-2DBE55">2</span>筛查记录
									</div>
									<div class="w3-rest data-model c-f12">
										<div class="c-909090 c-border-b lheight-20">
											下发问卷
										</div>
										<div class="c-12B7F5 lheight-40">
											<span class="c-f16">{{Statics.grantCount}}</span>个
									<div class="bgc-DCFDE6 c-border-radius-blr plr20 ptb10">
										<div class="border-61D882 mb20 bgc-61D882">
											<div class="c-fff c-f16 lheight-24">
												疑似高危
											</div>
											<div class="c-2DBE55 smallbox">
												<span class="c-f20">{{Statics.dangetCount}}</span>个
											</div>
										</div>
										<div class="border-61D882 bgc-61D882">
											<div class="c-fff c-f16 lheight-24">
												健康跟踪
											</div>
											<div class="c-2DBE55 smallbox">
												<span class="c-f20">{{Statics.followCount}}</span>个
											</div>
										</div>
									</div>
								</div>
								<div class="ui-col-0">
									<img src="../images/jiantou_04_img.png" class="mt10 ml-2">
									<img src="../images/jiantou_01_img.png" class="jiantou01"></div>
							</div>
							<div class="table-cell">
								<div class="w3-row">
									<div class="w3-col fr lheight-60" style="width:20px;">
										<img src="../../../images/jiantou_img.png" />
									</div>
									<div class="w3-rest data-model c-f12">
										<div class="c-909090 c-border-b lheight-20">
											筛查记录
										</div>
										<div class="c-12B7F5 lheight-40">
											<span class="c-f16">{{Statics.overCount}}</span>个
										</div>
									</div>
								</div>
						</div>
						<div class="table-cell">
							<div class="bigbox bgc1-FF9630">
								<span class="numcircle c-FF9630">3</span>病人服务
							</div>
							<div class="table-cell">
								<div class="w3-row">
									<div class="w3-col fr" style="width:20px;">
										<img src="../../../images/jiantou_img.png" />
										<img src="../../../images/jiantou_img.png" class="mt80" />
							<div class="bgc-FEEEDF c-border-radius-blr plr20 ptb10">
								<div class="border-FAB675 mb20 bgc-FAB675">
									<div class="c-fff c-f16 lheight-24">
										预约转诊
									</div>
									<div class="w3-rest data-model c-f12">
										<div class="c-909090 c-border-b lheight-20">
											疑似高危
										</div>
										<div class="c-12B7F5 lheight-40">
											<span class="c-f16">{{Statics.dangetCount}}</span>个
										</div>
										<div class="c-909090 c-border-tb lheight-20">
											健康跟踪
										</div>
										<div class="c-12B7F5 lheight-40">
											<span class="c-f16">{{Statics.followCount}}</span>个
										</div>
									<div class="c-FF9630 smallbox">
										<span class="c-f20">{{Statics.orderCount}}</span>个
									</div>
								</div>
							</div>
							<div class="table-cell">
								<div class="w3-row pr20">
									<div class="w3-col fr lheight-60" style="width:20px;">
										<!--<img src="../../../images/jiantou_img.png" />-->
									</div>
									<div class="w3-rest data-model c-f12">
										<div class="c-909090 c-border-b lheight-20">
											预约转诊
										</div>
										<div class="c-12B7F5 lheight-40">
											<span class="c-f16">{{Statics.orderCount}}</span>个
										</div>
									</div>
								</div>
								<div class="w3-row pr20 mt20">
									<div class="w3-col fr lheight-60" style="width:20px;">
										<!--<img src="../../../images/jiantou_img.png" />-->
									</div>
									<div class="w3-rest data-model c-f12">
										<div class="c-909090 c-border-b lheight-20">
											再次筛查
										</div>
										<div class="c-12B7F5 lheight-40">
											<span class="c-f16">{{Statics.againCount}}</span>个
										</div>
										<div class="c-909090 c-border-tb lheight-20">
											健康教育
										</div>
										<div class="c-12B7F5 lheight-40">
											<span class="c-f16">{{Statics.eduCount}}</span>个
										</div>
									</div>
								</div>
							</div>
							<div class="table-cell" style="width:80px;">
								<span class="btn bgc-12B7F5" @click="shaicha()">人工筛查</span>
							</div>
						</div>
					</div>
				</div>
				<!--疑似高危记录表-搜索-->
				<div id="sc_searchbar" class="pt20">
					<div class="tabs tabs-two c-position-r" data-toggle="tabs" data-toggle-tabs="oneIframe">
						<ul class="nav nav-tabs">
						  <li role="presentation" :class="{'active':isDanger=='1'}" @click="gettable('1')"><a href="javascript:;" >疑似高危记录表</a></li>
						  <li role="presentation" :class="{'active':isDanger!='1'}" @click="gettable('')"><a href="javascript:;" >所有记录</a></li>
						</ul>
						<!--<div class="tabs-hd clearfix">
			</div>
			<!--疑似高危记录表-搜索-->
			<div id="sc_searchbar" class="pt20">
				<div id="datamodeltap" class="up_datamodel" @click="datamodeltap()"><span class="c-12B7F5 c-f14 pl20">收起</span></div>
				<div class="tabs tabs-two c-position-r" data-toggle="tabs" data-toggle-tabs="oneIframe">
					<ul class="nav nav-tabs plr20">
						<li role="presentation" :class="{'active':isDanger=='1'}" @click="gettable('1')">
							<a href="javascript:;">疑似高危记录表</a>
						</li>
						<li role="presentation" :class="{'active':isDanger!='1'}" @click="gettable('')">
							<a href="javascript:;">所有记录</a>
						</li>
					</ul>
					<!--<div class="tabs-hd clearfix">
							<a href="javascript:;" :class="{curr:isDanger=='1'}" @click="gettable('1')"><span>疑似高危记录表</span></a>
							<a href="javascript:;" :class="{curr:isDanger==''}" @click="gettable('')"><span>所有记录</span></a>
						</div>-->
						<div class="tabs-bd mt20">
							<div class="dataCell form-group">
								<div class="w160 inline c-vam">
									<div class="input-group">
										<input id="Type" placeholder="请选择筛查类型" type="text" class="form-control bgc-fff" name="Type" readonly="readonly">
										<div class="input-group-btn">
											<button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span></button>
											<ul class="dropdown-menu dropdown-menu-right">
											</ul>
										</div>
					<div class="tabs-bd pt20 plr20">
						<div class="dataCell form-group">
							<div class="w160 inline c-vam">
								<div class="input-group">
									<input id="Type" placeholder="请选择筛查类型" type="text" class="form-control bgc-fff" name="Type" readonly="readonly">
									<div class="input-group-btn">
										<button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span></button>
										<ul class="dropdown-menu dropdown-menu-right">
										</ul>
									</div>
								</div>
							</div>
							<div class="dataCell form-group">
								<div class="w160 inline c-vam">
									<div class="input-group">
										<input id="Status" placeholder="请选择管理情况" type="text" class="form-control" name="Status" readonly="readonly">
										<div class="input-group-btn">
											<button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span></button>
											<ul class="dropdown-menu dropdown-menu-right">
											</ul>
										</div>
						</div>
						<div class="dataCell form-group">
							<div class="w160 inline c-vam">
								<div class="input-group">
									<input id="Status" placeholder="请选择管理情况" type="text" class="form-control" name="Status" readonly="readonly">
									<div class="input-group-btn">
										<button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span></button>
										<ul class="dropdown-menu dropdown-menu-right">
										</ul>
									</div>
								</div>
							</div>
							<!--<select class="form-control w-160 fl" v-model="type">
								<option value="" disabled>请选择筛查类型</option>
								<option value="">全部</option>
								<option :value="data.code" v-for="(data, index) in types">{{data.name}}</option>
							</select>
							<select class="form-control w-160 fl ml20" v-model="status">
								<option value="" disabled>请选择管理情况</option>
								<option value="">全部</option>
								<option value="1">已预约</option>
								<option value="2">已跟踪</option>
								<option value="3">已接诊</option>
								<option value="4">待处理</option>
							</select>-->
							<input class="form-control w-220 fl" style="height: 28px;border-radius: 3px;" placeholder="请输入居民姓名" v-model="name" />
							<span class="btn bgc-12B7F5 fl ml20" @click="search(1)">查询</span>
						</div>
					</div>
					<div class="mt20 clearfix">
						<input class="form-control w-220 fl" style="height: 28px;border-radius: 3px;" placeholder="请输入居民姓名" v-model="name" />
						<span class="btn bgc-12B7F5 fl ml20" @click="search(1)">查询</span>
						<span class="btn bgc-12B7F5 ml20 right" @click="shaicha()">人工筛查</span>
					</div>
				</div>
				<!--疑似高危记录表-表格-->
				<div id="sc_table" class="pt20">
					<table class="table-bordered table-striped width-100 c-t-center">
						<thead>
							<tr>
								<th>姓名</th>
								<th>筛查类型</th>
								<th>评分</th>
								<th>评估</th>
								<th>时间</th>
								<th style="width:200px;">管理情况</th>
							</tr>
						</thead>
						<tbody>
							<tr v-if="!wujilu" v-for="(data, index) in tablelist">
								<td style="width:80px">{{data.patientName}}</td>
								<td @click="view(data)">{{data.templateTitle}}</td>
								<td class="c-FF9630" style="width:50px">{{data.screenResultScore}}分</td>
								<td>{{data.screenResult}}</td>
								<td style="width:155px;">{{data.czrq}}</td>
								<td style="width:200px;">
									<div v-if="data.isAgain==1 && data.isDanger==1">
										<div v-if="data.isOrder==1" class="c-12B7F5">
											已预约
										</div>
										<div v-else-if="data.following==0 && data.isOrder==0">
											<span class="btn bgc-FF9630 fl ml10" @click="jkgz(data)">健康跟踪</span>
											<span class="btn bgc-02cfb9 fl ml10" @click="zhuanzhen">转诊</span>
										</div>
										<div v-else-if="data.following==1">
											<span class="btn bgc-2DBE55 fl ml10" @click="jkjy(data)">健康教育</span>
											<span class="btn bgc-12B7F5 fl ml10" @click="shaicha(data,1)">再次筛查</span>
										</div>
										<div v-else-if="data.isOrder==2" class="c-12B7F5">
											已接诊
										</div>
			</div>
			<!--疑似高危记录表-表格-->
			<div id="sc_table" class="p20">
				<table class="table-bordered table-striped width-100 c-t-center">
					<thead>
						<tr>
							<th>姓名</th>
							<th>筛查类型</th>
							<th>评分</th>
							<th>评估</th>
							<th>时间</th>
							<th style="width:200px;">管理情况</th>
						</tr>
					</thead>
					<tbody>
						<tr v-if="!wujilu" v-for="(data, index) in tablelist">
							<td style="width:80px">{{data.patientName}}</td>
							<td @click="view(data)">{{data.templateTitle}}</td>
							<td class="c-FF9630" style="width:50px">{{data.screenResultScore}}分</td>
							<td>{{data.screenResult}}</td>
							<td style="width:155px;">{{data.czrq}}</td>
							<td style="width:200px;">
								<div v-if="data.isAgain==1 && data.isDanger==1">
									<div v-if="data.isOrder==1" class="c-12B7F5">
										已预约
									</div>
									<!--<div v-else-if=" data.isDanger==0">
									<div v-else-if="data.following==0 && data.isOrder==0">
										<span class="btn bgc-FF9630 fl ml10" @click="jkgz(data)">健康跟踪</span>
										<span class="btn bgc-02cfb9 fl ml10" @click="zhuanzhen">转诊</span>
									</div>
									<div v-else-if="data.following==1">
										<span class="btn bgc-2DBE55 fl ml10" @click="jkjy(data)">健康教育</span>
										<span class="btn bgc-12B7F5 fl ml10" @click="shaicha(data,1)">再次筛查</span>
									</div>
									<div v-else-if="data.isOrder==2" class="c-12B7F5">
										已接诊
									</div>
								</div>
								<!--<div v-else-if=" data.isDanger==0">
										<div  class="c-12B7F5">
											日常健康管理
										</div>										
									</div>-->
								</td>
							</tr>
							<tr v-if="wujilu">
								<td colspan="6">
									无记录
								</td>
							</tr>
						</tbody>
					</table>
					<navigation :pages="pagetotal" :current="currentPage" @navpage="search" :total="total" :size="pagesize"></navigation>
				</div>
							</td>
						</tr>
						<tr v-if="wujilu">
							<td colspan="6">
								无记录
							</td>
						</tr>
					</tbody>
				</table>
				<navigation :pages="pagetotal" :current="currentPage" @navpage="search" :total="total" :size="pagesize"></navigation>
			</div>
		</div>
@@ -254,7 +211,7 @@
		<script src="../../../js/util.js"></script>
		<script src="../../../api/http-request.js"></script>
		<script src="../../../js/underscore.js"></script>
    	<script src="../../../plugins/suggest/bootstrap-suggest.min.js"></script>
		<script src="../../../plugins/suggest/bootstrap-suggest.min.js"></script>
		<script src="../../../component/common/pagination.js"></script>
		<script src="../../../api/jbsc-api.js"></script>
		<script src="../js/statistics.js"></script>

app/jbsc/js/statistics.js

@@ -37,6 +37,7 @@ new Vue({
		types: [],
		Statics: {},
		wujilu: false,
		datamodelshow: true,
	},
	mounted() {
		var vm = this
@@ -80,9 +81,6 @@ new Vue({
					showErrorMessage(res.msg);
				}
			})
		},
		createShareInterfaceTypeSelect: function(el, search) {
		},
		gettypes: function() {
			var vm = this
@@ -108,12 +106,11 @@ new Vue({
						{
							code: "4",
							name: "待处理"
						}
						,
						},
						{
							code: "5",
							name: "日常健康管理"
						}	
						}
					]
				},
				getDataMethod: "data",
@@ -151,17 +148,17 @@ new Vue({
		},
		gettable: function(type) {
			var vm = this
			if(type=="1"){
				if(vm.status==""){
			if(type == "1") {
				if(vm.status == "") {
					$("#Status").attr({
						"data-id": "",
						"value": "全部"
					})
					$("#Status").val("全部")
				}
			}else{
				if(vm.status!=""){
					vm.status=""
			} else {
				if(vm.status != "") {
					vm.status = ""
					$("#Status").attr({
						"data-id": "",
						"value": "全部"
@@ -180,7 +177,7 @@ new Vue({
			if(status == "5") {
				vm.status = "";
				vm.isDanger = "0";
			} else if(status == ""||status ==undefined) {
			} else if(status == "" || status == undefined) {
				if(vm.isDanger == "0") {
					vm.isDanger = ""
				}
@@ -198,8 +195,8 @@ new Vue({
		},
		//健康教育
		jkjy: function(data) {
//			sessionStorage.setItem("jbsc-jkwzreceiver", JSON.stringify(receiver))
//			sessionStorage.setItem("jbsc-jkroler", 1)
			//			sessionStorage.setItem("jbsc-jkwzreceiver", JSON.stringify(receiver))
			//			sessionStorage.setItem("jbsc-jkroler", 1)
			layer.open({
				type: 2,
				//				  offset: ['100px'], //右下角弹出
@@ -211,7 +208,7 @@ new Vue({
				closeBtn: 1,
				shift: 5,
				shadeClose: false, //点击遮罩关闭层
				content: "../../article/html/article.html?code="+data.patientCode+'&resultCode='+data.code
				content: "../../article/html/article.html?code=" + data.patientCode + '&resultCode=' + data.code
			});
			//		location.href="../../../../health-education/login.html?origin=jbsc"
		},
@@ -235,8 +232,6 @@ new Vue({
			var vm = this
			if(isNew) {
				//再次筛查数+1
				vm.Statics.againCount++
					var vm = this
				layer.open({
					type: 2,
					area: ['820px', '648px'],
@@ -269,10 +264,10 @@ new Vue({
		},
		//健康跟踪
		jkgz: function(data) {
			
			var vm = this
			//跳转到筛查结果页面
			var index=layer.open({
			var index = layer.open({
				type: 2,
				area: ['500px', '550px'],
				shade: 0.5,
@@ -285,6 +280,20 @@ new Vue({
				content: '../../jbsc/html/advice.html?resultCode=' + data.code + '&filter_code=' + data.templateCode
			});
			console.log(index)
		},
		datamodeltap: function() {
			var vm = this
			$("#sc_datamodel").toggle("normal", function() {
				if(vm.datamodelshow) {
					vm.datamodelshow = false
					$("#datamodeltap").removeClass("up_datamodel").addClass("down_datamodel")
					$("#datamodeltap span").text("展开")
				} else {
					vm.datamodelshow = true
					$("#datamodeltap").removeClass("down_datamodel").addClass("up_datamodel")
					$("#datamodeltap span").text("收起")
				}
			});
		}
	}
})