慢阻肺医院工作量表需求

api/statistics-api.js

@@ -219,6 +219,10 @@
		    return httpRequest.get("statisticsExport/consultHelpCountPage", {data: data});
		},
		
		// 获取慢阻肺医院工作量表
		hospitalWorkStatistics: function(data){
		    return httpRequest.get("copd/statistics/hospitalWorkStatistics", {data: data});
		},
		
		
		
@@ -306,6 +310,11 @@
		exportConsultHelpCountPage: function(data, filename){
			return httpRequest.downLoadFileForAjax("statisticsExport/exportConsultHelpCountPage", filename, data);
		},
		// 	慢阻肺医院工作量表导出
		exportHospitalWorkStatistics: function(data, filename){
			return httpRequest.downLoadFileForAjax("copd/statistics/exportHospitalWorkStatistics", filename, data);
		},
		
		 
    }

app/statistics/css/mzfWorksheet.css

@@ -0,0 +1,89 @@
  [v-cloak] {display: none;}
 .flexibleBox{
 	border: 1px solid #D0D0D0;
	padding: 10px;
	font-size: 13px;
	position: relative;
 }
 .maxBox{
	
 }
 .selectedBox{
	 line-height: 30px;
	 flex-wrap: wrap;
	 width: 82%;
 }
 .selectedBoxTwo{
 	 flex-wrap: wrap;
 	 width: 97%;
 }
 .selectedHospital{
	 flex-wrap: wrap;
	 width: 89%;
	 height: 20px;
	 overflow: hidden;
 }
 .selectedBoxTwoTitle{
	 margin-right: 26px;
 }
 .selectedButtonTwo{
	width: 6%;
	cursor: pointer;
 }
 .title{
	 height: 100%;
	 width: 3%;
 }
 .titleHospital{
	height: 100%;
	width: 5%;
	margin: 0 auto;
 }
 .selected{
	 height: 20px;
	 line-height: 20px;
	 padding: 0 3px 0px 10px;
	 border: 1px solid #D0D0D0;
	 border-radius:2px;
	 margin-left: 10px;
	 margin-bottom: 10px;
 }
.inquireTime{
	height: 30px;
	line-height: 30px;
}
.el-date-editor.el-input, .el-date-editor.el-input__inner{
	width: 140px;
	margin-left: 10px;
	margin-right:10px;
}
.el-input--prefix .el-input__inner{
	height: 30px;
}
.el-input__icon{
	line-height: 30px;
}
.el-radio-group{
	margin: auto 0;
}
.more{
	text-align: center;
	position: absolute;
	bottom: -15px;
	height: 30px;
	padding: 0 10px;
	background: #fff;
	border: 1px solid #D0D0D0;
	line-height: 30px;
	cursor: pointer;
	left: 50%;
	transform:translateX(-50%)
}
.townEntryNumBox{
	width: 50%;
	height: 100%;
}
.line{
	border-right: 1px solid  #D0D0D0;
	height: 100%;
}

app/statistics/html/comprehensive-query.html

@@ -57,20 +57,22 @@
						<div class="resetSelected" v-if="tabsId != 2"> <div @click="reset">重置已选</div>  </div>
		        	</div>
		        	<div class="ui-col-1 bgc-fff p20" style="min-width: 900px;">
						<div class="searchDiv">
							<template v-if="handleNodeId!=44&&expertFamilyIdType != 'zhuanke1'&&handleNodeId!=45">
								<el-radio v-model="radio" label="1">按签约年度：</el-radio>
								<el-select v-model="chooseYear" class="pr20 formWidth">
									<el-option v-for="(item , index) in years" :key="index" :label="item" :value="item"></el-option>
								</el-select>
							</template>
							<el-radio v-model="radio" label="2">{{handleNodeId=='44'?'下转时间：':expertFamilyIdType == 'zhuanke1'||handleNodeId==45?'邀请时间：':'创建时间：'}}</el-radio>
							<el-date-picker v-model="start" type="date" unlink-panels placeholder="开始日期" value-format="yyyy-MM-dd" style="width:140px;"  :clearable="false" :picker-options="pickerOptions">
							</el-date-picker>
							<span class="c-999">-</span>
							<el-date-picker v-model="end" type="date" unlink-panels placeholder="结束日期" value-format="yyyy-MM-dd"  style="width:140px;"  :clearable="false" :picker-options="pickerOptions">
							</el-date-picker>
						</div>
						<template v-if='handleNodeId != 46'>
							<div class="searchDiv">
								<template v-if="handleNodeId!=44&&expertFamilyIdType != 'zhuanke1'&&handleNodeId!=45">
									<el-radio v-model="radio" label="1">按签约年度：</el-radio>
									<el-select v-model="chooseYear" class="pr20 formWidth">
										<el-option v-for="(item , index) in years" :key="index" :label="item" :value="item"></el-option>
									</el-select>
								</template>
								<el-radio v-model="radio" label="2">{{handleNodeId=='44'?'下转时间：':expertFamilyIdType == 'zhuanke1'||handleNodeId==45?'邀请时间：':'创建时间：'}}</el-radio>
								<el-date-picker v-model="start" type="date" unlink-panels placeholder="开始日期" value-format="yyyy-MM-dd" style="width:140px;"  :clearable="false" :picker-options="pickerOptions">
								</el-date-picker>
								<span class="c-999">-</span>
								<el-date-picker v-model="end" type="date" unlink-panels placeholder="结束日期" value-format="yyyy-MM-dd"  style="width:140px;"  :clearable="false" :picker-options="pickerOptions">
								</el-date-picker>
							</div>
						</template>
						<template v-if="tabsId==2">
							<div class="mt10 flex line1" v-if="handleNodeId==33">
								<div >咨询状态：</div>
@@ -422,7 +424,7 @@
						</template>
						
		        		<div class="searchDiv mt10">
							<template v-if="handleNodeId!=44">
							<template v-if="handleNodeId!=44&&handleNodeId!=46">
								<label class="c-333 c-f14" for="">数据范围：</label>
								<el-select v-model="rangeCode" style="width:100px;" class="pr10">
									<el-option v-for="(item , index) in rangeList" :key="index" :label="item.name" :value="item.code"></el-option>
@@ -445,10 +447,11 @@
									<el-option v-for="(item , index) in specHosList" :key="index" :label="item.name" :value="item.code"></el-option>
								</el-select>
							</template>
							
				            <el-button type="primary" size="mini" @click="searchHandle(true)">查询</el-button>
				            <el-button type="ff9526" size="mini" @click="exportHandle">导出</el-button>
							<span class="eliminate" @click="eliminateClick">清除筛选条件</span>
							<template v-if="handleNodeId!=46">
								<el-button type="primary" size="mini" @click="searchHandle(true)">查询</el-button>
								<el-button type="ff9526" size="mini" @click="exportHandle">导出</el-button>
								<span class="eliminate" @click="eliminateClick">清除筛选条件</span>
							</template>
		        		</div>
			        	<div>
			        		<el-table border :data="tabledata" style="width: 100%" class="mt20" v-loading="isloading" v-if="handleNodeShow==1">
@@ -656,6 +659,8 @@
										<el-table-column  prop="specialistName" label="专科医生" align="center"></el-table-column>
									</template>
								</el-table>
								<mzf-worksheet v-if="handleNodeId==46"></mzf-worksheet>
								
							</div>
							<div v-if="handleNodeShow == 3">
								<el-table v-if="collectCode == 1" border :data="diseaseReport" style="width: 100%" v-loading="loadingTwo" class="mt20" >
@@ -682,33 +687,35 @@
									<el-table-column  prop="status3" :render-header='renderHeadeRexpert'  align="center"></el-table-column>
								</el-table>
							</div>
							<div class="c-t-right mt20">
								<el-pagination 
							      @current-change="handleCurrentChange"
							      :current-page.sync="currentPage"
							      :page-size="currentSize"
							      layout="total, prev, pager, next, jumper"
							      :total="datatotal">
							    </el-pagination>
							</div>
							<template v-if="handleNodeId!=46">
								<div class="c-t-right mt20">
									<el-pagination 
									  @current-change="handleCurrentChange"
									  :current-page.sync="currentPage"
									  :page-size="currentSize"
									  layout="total, prev, pager, next, jumper"
									  :total="datatotal">
									</el-pagination>
								</div>
							</template>
			        	</div>
		        	</div>
		        </div>
	        </div>
        </div>
        <!--模态框组件-->
        <vuedals></vuedals>
		<vuedals></vuedals>
		<el-dialog
		  title="查看签约信息"
		  :visible.sync="dialogVisible"
		  width="70%">
		  <el-table  border :data="signatoryList" style="width: 100%" height="500"  class="mt20" >
		  	<template >
		  		<el-table-column  prop="hospitalName" label="签约社区医院" align="center"></el-table-column>
		  		<el-table-column  prop="doctorName" label="签约医生" align="center"></el-table-column>
		  		<el-table-column  prop="applyDate" label="签约时间" align="center"></el-table-column>
		  		<el-table-column  prop="signYear" label="签约年度" align="center"></el-table-column>
		  	</template>
			<template >
				<el-table-column  prop="hospitalName" label="签约社区医院" align="center"></el-table-column>
				<el-table-column  prop="doctorName" label="签约医生" align="center"></el-table-column>
				<el-table-column  prop="applyDate" label="签约时间" align="center"></el-table-column>
				<el-table-column  prop="signYear" label="签约年度" align="center"></el-table-column>
			</template>
		  </el-table>
		</el-dialog>
    </div>
@@ -730,6 +737,7 @@
	<script type="text/javascript" src="../../../api/sign_api.js"></script>
    <script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/comprehensive-query.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/mzfWorksheet.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>

app/statistics/html/mzfWorksheet.html

@@ -0,0 +1,215 @@
<!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/font-awesome.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/flex.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/element-ui.css" />
    <link href="../../../plugins/toastr/toastr.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="../css/common.css" />
	<link rel="stylesheet" type="text/css" href="../css/mzfWorksheet.css" />
</head>
<style>
		
</style>
<body style="margin: 0;overflow-x: auto;" v-cloak>
    <div id="main" class="">
       <div class="ui-col-1 bgc-fff" style="min-width: 900px;">
		   <div class="flexibleBox">
			   <div class="flex maxBox">
				   <div class="title">已选</div>
				   <div class="flex selectedBox">
						<div class="selected" v-for="(item,index) in list" :key="index">
							{{item.type==1?'地区':item.type==2?'三级医院':item.type==3?'社区医院':item.type==4?'分组':item.type==5?'管理状态':'时间'}}：{{item.label}} <i class="el-icon-circle-close" @click="deleteClick(item)"></i>
						</div>
				   </div>
				   <div class="selectedButton">
						<el-button type="primary" size="mini" @click="confirm">确定</el-button>
						<el-button type="ff9526" size="mini" @click="exportHandle">导出</el-button>
						<el-button type="info" size="mini"  @click="cancel">取消</el-button>
				   </div>
			   </div>
			   <div class="inquireTime">查询时间 
					<el-date-picker
					  v-model="startTime"
					  type="date"
					  placeholder="选择日期"
					  :picker-options="setDisabled"
					  @change='startTimeChange'>
					</el-date-picker> ~
					<el-date-picker
					  v-model="endTime"
					  type="date"
					  placeholder="选择日期"
					  :picker-options="setDisabled"
					  @change='endTimeChange'>
					</el-date-picker>
			   </div>
			   <!-- <div class="flex maxBox mt10">
				   <div class="flex selectedBoxTwo">
						<div class="selectedBoxTwoTitle">地区</div>
						<el-checkbox-group v-model="regionList" @change="change">
							<el-checkbox v-for="(t,x) in regionData" :key="x" :label="t" :key="t.label">{{t.label}}</el-checkbox>
						</el-checkbox-group>
				   </div>
			   </div>
			   <template v-if="show">
				   <div class="flex maxBox mt10">
					   <div class="titleHospital">三级医院</div>
					   <div class="flex selectedHospital" :style="showTwo?'overflow: inherit;height: auto;':'overflow: hidden;height:20px;'">
							<el-checkbox-group v-model="regionListList" @change="change">
								<el-checkbox v-for="(m,i) in tertiaryHospitalsData" :key="i" :label="m" :key="m.label">{{m.label}}</el-checkbox>
							</el-checkbox-group>
					   </div>
					   <div class="selectedButtonTwo" @click="showTwo = !showTwo">
						   {{!showTwo?'更多选项':'收起'}}
						   <i class="el-icon-arrow-down" v-if="!showTwo"></i><i class="el-icon-arrow-up" v-if="showTwo"></i>
					   </div>
				   </div>
				   <div class="flex maxBox mt10">
					   <div class="titleHospital">社区医院</div>
					   <div class="flex selectedHospital" :style="showThree?'overflow: inherit;height: auto;':'overflow: hidden;height:20px;'">
							<el-checkbox-group v-model="communityHospitalsList" @change="change">
								<el-checkbox v-for="(q,n) in communityHospitalsData" :key="n" :label="q" :key="q.label">{{q.label}}</el-checkbox>
							</el-checkbox-group>
					   </div>
					   <div class="selectedButtonTwo" @click="showThree = !showThree">
						   {{!showThree?'更多选项':'收起'}}
						   <i class="el-icon-arrow-down" v-if="!showThree"></i><i class="el-icon-arrow-up" v-if="showThree"></i>
					   </div>
				   </div>
				   <div class="flex maxBox mt10">
					   <div class="flex selectedBoxTwo">
							<div class="selectedBoxTwoTitle">分组</div>
							 <el-checkbox-group v-model="groupingList" @change="change">
								<el-checkbox v-for="(y,d) in groupingData" :key="d" :label="y" :key="y.label">{{y.label}}</el-checkbox>
							</el-checkbox-group>
					   </div>
				   </div>
				   <div class="flex maxBox mt10">
					   <div class="flex selectedBoxTwo">
						   <div class="selectedBoxTwoTitle">管理状态</div>
							<el-checkbox-group v-model="administrationStatusList" @change="change">
								<el-checkbox v-for="(k,e) in administrationStatusData" :key="e" :label="k" :key="k.label">{{k.label}}</el-checkbox>
							</el-checkbox-group>
					   </div>
				   </div>
			   </template>
			   <div class="more" @click="show = !show">{{!show?'更多选项':'收起'}}<i class="el-icon-arrow-down" v-if="!show"></i><i class="el-icon-arrow-up" v-if="show"></i></div> -->
		   </div>
		   
		   
			<el-table  border :data="mzfWorksheetData" style="width: 100%" v-loading="loadingTwo" height='650' class="mt20" >
				<template >
					<!-- <el-table-column  type="index" width='50' label="序号" align="center"></el-table-column> -->
					<el-table-column    width='150' label="辖区第二阶段累计入组" align="center">
						<template slot-scope='scope'>
							<div class="flex">
								<div class="townEntryNumBox line">
									{{scope.row.town_name}}
								</div>
								<div class="townEntryNumBox">
									{{scope.row.townEntryNum}}
								</div>
							</div>
						</template>
					</el-table-column>
					<el-table-column  prop="townManagedNum"  label="第二阶段累计已管理" align="center"></el-table-column>
					<el-table-column  width='300'  label="三级医院第二阶段已稽查人数" align="center">
						<template slot-scope='scope'>
							<div class="flex">
								<div class="townEntryNumBox line">
									{{scope.row.specialistHospitalName}}
								</div>
								<div class="townEntryNumBox">
									{{scope.row.check2Num}}
								</div>
							</div>
						</template>
					</el-table-column>
					<el-table-column  prop="check2Times" label="三级医院第二阶段已稽查次数" align="center"></el-table-column>
					<el-table-column  prop="hospitalName" width='200'  label="基层医疗卫生机构" align="center"></el-table-column>
					<!-- <el-table-column  prop="doctorName" label="目标数" align="center"></el-table-column> -->
					<el-table-column  prop="entryNum" label="当前入组" align="center"></el-table-column>
					<el-table-column  prop="managedNum" label="当前已管理" align="center"></el-table-column>
					<el-table-column label="三级医院下转基层医疗机构人数(包括跨辖区下转)" align="center">
						<el-table-column
						  prop="turnDownDy"
						  label="第一医院"
						  align="center">
						</el-table-column>
						<el-table-column
						  prop="turnDownZs"
						  label="中山医院"
						  align="center">
						</el-table-column>
						<el-table-column
						  prop="turnDownZyy"
						  label="中医院"
						  align="center">
						</el-table-column>
						<el-table-column
						  prop="turnDownHc"
						  label="海沧医院"
						  align="center">
						</el-table-column>
						<el-table-column
						  prop="turnDownDe"
						  label="第二医院"
						  align="center">
						</el-table-column>
						<el-table-column
						  prop="turnDownDs"
						  label="第三医院"
						  align="center">
						</el-table-column>
						<el-table-column
						  prop="turnDownDw"
						  label="第五医院"
						  align="center">
						</el-table-column>
					</el-table-column>
				</template>
			</el-table>
			<!-- <div class="c-t-right mt20">
				<el-pagination 
				  @current-change="handleCurrentChange"
				  :current-page.sync="currentPage"
				  :page-size="currentSize"
				  layout="total, prev, pager, next, jumper"
				  :total="datatotal">
				</el-pagination>
			</div> -->
       </div>
    </div>
	<script src="../../../js/FileSaver/FileSaver.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/jquery-2.2.4.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/element-ui.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../plugins/toastr/toastr.min.js"></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/util.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../api/home-api.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../api/statistics-api.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../component/common/event-bus.js"></script>
    <script src="../../../component/statistics/header-tab.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../component/statistics/header-prompt.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../../../api/sign_api.js"></script>
    <script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/mzfWorksheet.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>

app/statistics/js/comprehensive-query.js

@@ -66,6 +66,7 @@ new Vue({
			  {label: '入户访视明细', id:'43'},
			  {label: '康复下转明细', id:'44'},
			  {label: '邀请专科回复明细', id:'45'},
			  {label:'慢阻肺医院工作量表',id:'46'},
			]
		}],
		handleNodeShow:1,

app/statistics/js/mzfWorksheet.js

@@ -0,0 +1,162 @@
var template = ''
$.ajax('../html/mzfWorksheet.html',{
	data: {},
	dataType: 'html',
	cache: false,
	timeout: 60000, 
	async: false,
	error: function(res) {
	},
	success: function(res) {
		template = res
	}
})
Vue.component('mzf-worksheet', {
	props: [],
	template: template,
	data: function() {
		return {
			mzfWorksheetData:[],
			list:[],
			startTime:new Date('2023','05','26'),
			endTime:new Date(),
			regionList:[],
			regionData:[
				{label:'全市',id:'1',type:'1'}
			],
			regionListList:[],
			tertiaryHospitalsData:[
				{label:'全部',id:'1',type:'2'}
			],
			communityHospitalsList:[],
			communityHospitalsData:[
				{label:'全部',id:'1',type:'3'}
			],
			groupingList:[],
			groupingData:[
				{label:'全部',id:'1',type:'4'}
			],
			administrationStatusList:[],
			administrationStatusData:[
				{label:'全部',id:'1',type:'5'}
			],
			show:false,
			showTwo:false,
			showThree:false,
			currentPage:1,
			currentSize:10, 
			datatotal:0, //总数
			loadingTwo:false,
			setDisabled:{
				disabledDate(time) {
					return time.getTime() < new Date('2023','05','26') || time.getTime() > Date.now();
				}
			},
			s:'',
			e:'',
		}
	},
	created: function(){
		this.s = this.startTime.format('yyyy-MM-dd')
		this.e = this.endTime.format('yyyy-MM-dd')
		this.list.unshift({type:'0',id:'time',label:this.s +"~"+ this.e})
		this.hospitalWorkStatistics()
	},
	watch:{
		'startTime':{
			 handler:function(o) {
				if(!o) {
					this.list.splice(0,1)
				}
			 },
			 deep: true,
			 immediate: true
		},
		'endTime':{
			 handler:function(o) {
				if(!o) {
					this.list.splice(0,1)
				}
			 },
			 deep: true,
			 immediate: true
		},
	},
	methods: {
		hospitalWorkStatistics:function() {
			var vm = this
			vm.loadingTwo = true
			statisticAPI.hospitalWorkStatistics({
				startDate:this.startTime.format('yyyy-MM-dd'),
				endDate:this.endTime.format('yyyy-MM-dd')
			}).then(function(res){
				if(res.status == 200) {
					vm.loadingTwo = false
					vm.mzfWorksheetData = res.data
				}
			}).catch(function(err){
				vm.loadingTwo = false
			})
		},
		startTimeChange:function(o) {
			if(!this.list[0] || this.list[0].type!=0) {
			 this.list.unshift({type:'0',id:'time',label:o.format('yyyy-MM-dd') +"~"+ this.endTime.format('yyyy-MM-dd')})
			}else{
				this.list[0].label = o.format('yyyy-MM-dd') +"~"+ this.endTime.format('yyyy-MM-dd')
			}
		},
		endTimeChange:function(o) {
			if(!this.list[0] || this.list[0].type!=0) {
				this.list.unshift({type:'0',id:'time',label:this.startTime.format('yyyy-MM-dd') +"~"+ o.format('yyyy-MM-dd')})
			}else{
				this.list[0].label = this.startTime.format('yyyy-MM-dd') +"~"+ o.format('yyyy-MM-dd')
			}
		},
		deleteClick:function(item) {
			if(item.id == "time") {
				this.startTime = ''
				this.endTime = ''
				this.list.splice(0,1)
			}
			var index = this.list.findIndex(function(v){
				return item.id == v.id
			})
			this.list.splice(index,1)
		},
		// 下一页  上一页
		handleCurrentChange:function(val) {
			var vm = this
			vm.currentPage = val
		},
		change:function(val) {
			this.list = this.list.concat(val)
		},
		// 确定
		confirm:function() {
			this.hospitalWorkStatistics()
		},
		// 取消
		cancel:function() {
			this.startTime = new Date('2023','05','26')
			this.endTime = new Date()
			if(!this.list[0] || this.list[0].type!=0) {
			 this.list.unshift({type:'0',id:'time',label:this.startTime.format('yyyy-MM-dd') +"~"+ this.endTime.format('yyyy-MM-dd')})
			}else{
				this.list[0].label = this.startTime.format('yyyy-MM-dd') +"~"+ this.endTime.format('yyyy-MM-dd')
			}
		},
		// 导出
		exportHandle:function() {
			var vm = this
			vm.loadingTwo = true
			statisticAPI.exportHospitalWorkStatistics({
				startDate:this.startTime.format('yyyy-MM-dd'),
				endDate:this.endTime.format('yyyy-MM-dd')
			},'慢阻肺医院工作量表.xls').then(function(res){
				vm.loadingTwo = false
			})
		},
		
		
	}
})