筛查统计表格修改

app/statistics/css/common.css

@@ -677,7 +677,7 @@ a {
	will-change: initial !important;
	width: 400px !important;
	padding-right: 3px !important;
	margin-left: -200px;
	/*margin-left: -200px;*/
	padding: 0 !important;}
.vuedal.md header {
@@ -890,6 +890,10 @@ body .el-table th.gutter{
    height: 60px;
    padding: 0 20px;
}
.table-panel .table-tab-item div:hover{
    color:#17B3EC;
    cursor: pointer;
}
.table-panel .table-tab-item div.active span{
	padding: 18px;
	color:#17B3EC;
@@ -919,7 +923,7 @@ body .el-table th.gutter{
    color: #666666;
    font-weight: normal;
}
.table-panel tr td:first-child:hover{
.table-panel .tdPointor:hover{
	color:#12B7F5;
	cursor: pointer;
}

app/statistics/html/jbsc-analysis.html

@@ -78,8 +78,8 @@
                    </el-select>
               </div>
           </div>            
	        <div class="flex">
	        	<div class="f_s_0" style="width:600px;">
	        <div class="ui-grid">
	        	<div class="width-33" style="min-width: 500px;">
	        		<div  class="mt15 c-border bgc-fff c-border-r-4">
		            	<div class="c-border-b plr10 ptb10 c-f16 c-333 c-position-r">高危/预警人群分析
		            		<div class="c-position-a" style="right: 15px;top: 5px;">
@@ -89,7 +89,7 @@
							    </el-radio-group>
		            		</div>
		            	</div>
		            	<div class="mtb40" style="min-width: 550px;">
		            	<div class="mtb40" style="min-width: 500px;">
		            		<div  v-show="ptab=='132'">
		            			<div class="pie-chart" id="pieChart132" style="height: 290px; width: 100%;"  v-show="pieShow132"></div>
		            			<div  v-show="!pieShow132" class="c-t-center pt10"  style="height: 290px; width: 100%;">
@@ -107,7 +107,7 @@
		            	</div>
	            	</div>
	        	</div>
	        	<div class="f_g_1">
	        	<div class="ui-col-0" style="width: 360px;">
		        	<div class="ui-grid ui-grid-middle mt15 mlr15 mb10 mainBlocktop">
		            	<div class="ui-col-0 plr15 c-position-r" style="width: 30%;height: 200px;border-right:1px solid #ffffff">
		            		<div class="c-f16 c-fff pt10">转诊率            			
@@ -169,14 +169,14 @@
		            	</div>
		           	</div>
	        	</div>
	        	<div class="f_s_0 pt5 pr5" style="width:600px;">
	        	<div class="ui-col-1 pt5 pr5">
	            	<!-- 折线图 -->
        			<line-chart lineid="lineChart"></line-chart>
	        	</div>
	        </div>
	        <div  class="mtb10 c-border bgc-fff c-border-r-4">
            	<div class="c-border-b plr10 ptb10 c-f16 c-333 c-position-r">预约量分析</div>
            	<table-panel ref="tableRef" :tabledata="tableData" @getnewdata="getnewdata"></table-panel>
            	<table-panel ref="tableRef" :tabledata="tableData" @getnewdata="getnewdata" :reqlength="reqListLength" @backtobefore="backClick"></table-panel>
        	</div>
        </div>
        <!--模态框组件-->

app/statistics/html/smfw-comprehensive-analysis.html

@@ -122,7 +122,7 @@
	        </div>
	        <div  class="mtb10 c-border bgc-fff c-border-r-4">
            	<div class="c-border-b plr10 ptb10 c-f16 c-333 c-position-r">预约量分析</div>
		    	<table-panel ref="tableRef0" :tabledata="tabledata0" @getnewdata="getnewdata"></table-panel>
		    	<table-panel ref="tableRef0" :tabledata="tabledata0" @getnewdata="getnewdata"  :reqlength="reqListLength"  @backtobefore="backClick"></table-panel>
        	</div>
        </div>
        <!--模态框组件-->

app/statistics/js/jbsc-analysis.js

@@ -43,6 +43,7 @@ new Vue({
		lowCode: '',
		chooseYear: '',
		userRole: '',
		reqListLength:1,
	},
	components: {
		vuedals: Vuedals.Component
@@ -74,8 +75,10 @@ new Vue({
			if(isNext){
				//存储请求所带的参数
				reqList.push(params);
				vm.reqListLength=reqList.length
			}else{
				reqList[reqList.length-1]=params
				vm.reqListLength=reqList.length
			}
		},
		//表格tab切换/下转
@@ -148,25 +151,29 @@ new Vue({
				handlePieData({elId:"pieChart"+vm.ptab,arry: vm['pieData'+vm.ptab], title:{},colors: colors,param:"total"})
			},50)
		},
		backClick:function(){
			var vm=this
			if (reqList.length == 1) {
				history.go(-1);
			} else {
				var preInfo = reqList.pop();
				var info = reqList[reqList.length - 1];
				vm.areaLevel = info.areaLevel;
				vm.level = info.level;
				vm.area = info.area;
				vm.lowLevel = info.lowLevel;
				vm.getData()
				
				vm.$refs.tableRef.changeTab({level:vm.level,lowlevel:vm.lowLevel})   //表格tab
			}
		},
		bindEvent:function(){
			var vm=this
			//监听后退按钮的操作
			EventBus.$on("back-click", function (arg) {
				EventBus.$emit('update-statistics-time', {}); //更新统计时间
				if (reqList.length == 1) {
					history.go(-1);
				} else {
					var preInfo = reqList.pop();
					var info = reqList[reqList.length - 1];
					vm.areaLevel = info.areaLevel;
					vm.level = info.level;
					vm.area = info.area;
					vm.lowLevel = info.lowLevel;
	
					vm.getData()
					
					vm.$refs.tableRef.changeTab({level:vm.level,lowlevel:vm.lowLevel})   //表格tab
				}
				vm.backClick()
			});
			//监听页面刷新
			EventBus.$on("refresh-click", function (arg) {
@@ -179,7 +186,7 @@ new Vue({
			var vm=this
			vm.$refs.tableRef.initTable({
				//表格表头    lowlevel等级 1:团队 2社区机构 3区级 4市级
				headers:[{thead:"排名",param:"name",canclick:true},{thead:"居民预约量",param:"reservationTotal1Amount0"},
				headers:[{thead:"名称",param:"name",canclick:true},{thead:"居民预约量",param:"reservationTotal1Amount0"},
						{thead:"代预约量",param:"reservationTota2Amount0"},{thead:"预约总量",param:"reservationTotalAmount0"}],
				tabnumber:vm.tabnumber
			})

app/statistics/js/smfw-comprehensive-analysis.js

@@ -46,6 +46,7 @@ new Vue({
		{isloading:false,noMore:false,page:1}],  //服务项分析
		pieShow:true,
		pageSize:100,
		reqListLength:1,
	},
	components: {
		vuedals: Vuedals.Component
@@ -75,8 +76,10 @@ new Vue({
			if(isNext){
				//存储请求所带的参数
				reqList.push(params);
				vm.reqListLength=reqList.length
			}else{
				reqList[reqList.length-1]=params
				vm.reqListLength=reqList.length
			}
		},
		//加载上边三个表格
@@ -129,25 +132,29 @@ new Vue({
		},
		showTab:function(){
		},
		backClick:function(){
			var vm=this
			if (reqList.length == 1) {
				history.go(-1);
			} else {
				var preInfo = reqList.pop();
				var info = reqList[reqList.length - 1];
				vm.areaLevel = info.areaLevel;
				vm.level = info.level;
				vm.area = info.area;
				vm.lowLevel = info.lowLevel;
				vm.getData()
				
				vm.$refs.tableRef0.changeTab({level:vm.level,lowlevel:vm.lowLevel})   //表格tab
			}
		},
		bindEvent:function(){
			var vm=this
			//监听后退按钮的操作
			EventBus.$on("back-click", function (arg) {
				EventBus.$emit('update-statistics-time', {}); //更新统计时间
				if (reqList.length == 1) {
					history.go(-1);
				} else {
					var preInfo = reqList.pop();
					var info = reqList[reqList.length - 1];
					vm.areaLevel = info.areaLevel;
					vm.level = info.level;
					vm.area = info.area;
					vm.lowLevel = info.lowLevel;
	
					vm.getData()
					
					vm.$refs.tableRef0.changeTab({level:vm.level,lowlevel:vm.lowLevel})   //表格tab
				}
				vm.backClick()
			});
			//监听页面刷新
			EventBus.$on("refresh-click", function (arg) {
@@ -160,20 +167,20 @@ new Vue({
			var vm=this
			vm.$refs.tableRef1.initTable({
				//表格表头
				headers:[{thead:"排名",param:"name",canclick:true},{thead:"工单量（个）",param:"orderCount"}],
				headers:[{thead:"名称",param:"name",canclick:true},{thead:"工单量（个）",param:"orderCount"}],
			})
			vm.$refs.tableRef2.initTable({
				//表格表头
				headers:[{thead:"排名",param:"name",canclick:true},{thead:"使用人数（人）",param:"patientCount"},{thead:"工单量（个）",param:"orderCount"}],
				headers:[{thead:"名称",param:"name",canclick:true},{thead:"使用人数（人）",param:"patientCount"},{thead:"工单量（个）",param:"orderCount"}],
			})
			vm.$refs.tableRef3.initTable({
				//表格表头
				headers:[{thead:"排名",param:"name",canclick:true},{thead:"使用人数（人）",param:"patientCount"},{thead:"工单量（个）",param:"orderCount"}],
				headers:[{thead:"名称",param:"name",canclick:true},{thead:"使用人数（人）",param:"patientCount"},{thead:"工单量（个）",param:"orderCount"}],
			})
			vm.$refs.tableRef0.initTable({
    			tabList:[{name:"各区",level:"4",lowlevel:"3",isShow:true},{name:"社区",level:"3",lowlevel:"2",isShow:true},{name:"团队",level:"2",lowlevel:"1",isShow:true}],
				//表格表头
				headers:[{thead:"排名",param:"name",canclick:true},{thead:"合计工单（个）",param:"all"}],
				headers:[{thead:"名称",param:"name",canclick:true},{thead:"合计工单（个）",param:"all"}],
				tabnumber:vm.tabnumber
			})
		},

component/statistics/table-panel.js

@@ -2,6 +2,7 @@
    Vue.component('table-panel',{
        template: '<div class="table-panel">\
    		<div class="flex table-tab-pane" v-if="!hastopbar">\
    			<div class="f_s_0 c-t-center pt20" style="width:40px;"><img v-show="reqlength&&reqlength>1" @click="back" src="../../../images/fanhui_icon.png" width="18" height="18"></div>\
    			<div class="f_g_1 table-tab-item" v-for="(item,index) in tabList" :key="index" @click="tabClick(index)" v-if="item.isShow">\
    				<div class="plr20" :class="{\'active\':tabActive==index}"><span>{{item.name}}</span></div>\
    			</div>\
@@ -9,6 +10,7 @@
    		<div class="ptb20 plr25">\
    			<table class="table-content table-bordered table-striped mb20" id="listTable">\
	                <thead><tr>\
	                	<th class="c-t-center">排名</th>\
	                    <th v-for="(th,i) in headers" :key="i" :class="i>=2?\'c-t-right\':\'\'">{{th.thead}}\
	                    	<el-tooltip class="item" effect="dark" :content="th.tip" placement="top" v-if="th.tip">\
						      <img class="c-position-a tip" src="../../../images/icon_wenhao2.png" alt="" style="top: 13px;left:70px;">\
@@ -17,8 +19,8 @@
	                </tr></thead>\
	                <tbody>\
	                    <tr v-if="tabledata.length>0" v-for="(row,index) in tabledata" :key="index" class="data-row">\
	                        <td v-for="(th,i) in headers" :key="i" :class="i>=1?\'c-t-right\':\'\'" @click="getLowLevelData(row,th)">\
		                        <div v-if="i==0&&row.rank" style="display: inline-table;" class="ranking" :class="{\'ranking1\': row.rank==1, \'ranking2\': row.rank==2, \'ranking3\': row.rank==3}">{{row.rank}}</div>\
	                    	<td class="c-t-center">{{row.rank}}</td>\
	                        <td v-for="(th,i) in headers" :key="i"  :class="{\'c-t-right\':i>=1,\'tdPointor\':!cantclick}" @click="getLowLevelData(row,th)">\
		                        {{row[th.param]}}\
	                        </td>\
	                    </tr>\
@@ -29,7 +31,7 @@
	            </table>\
    		</div>\
        </div>',
        props:["index","tabledata","cantclick","hastopbar"],
        props:["index","tabledata","cantclick","hastopbar","reqlength"],
        data: function(){
            return {
            	tabList:[{name:"各区",level:"4",lowlevel:"",isShow:true},{name:"社区",level:"3",lowlevel:"2",isShow:true},{name:"团队",level:"2",lowlevel:"1",isShow:true}],
@@ -124,7 +126,11 @@
    					item.isShow=true
    				}
    			})
           }
          },
          back:function(){
          		//触发组件监听事件,去父页面请求新的数据
                this.$emit("backtobefore");
          },
        }
    });
})()