Kaynağa Gözat

统计ui验收

chenyue 5 yıl önce
ebeveyn
işleme
5fc81441b5

+ 8 - 4
app/statistics/css/common.css

@ -17,6 +17,9 @@
.c-19d5c5 {
	color: #19d5c5;
}
.bgc-f2f3f5{
	background: #f2f3f5;
}
.c-ffc800 {
	color: #ffc800;
@ -874,7 +877,8 @@ body .el-table th.gutter{
	background-color: #ebebf5;
}
.table-tab-pane{
	background-color: #ebebf5;
	/*background-color: #ebebf5;*/
	border-bottom: 1px solid #e1e1e1;
}
.table-panel .table-tab-item {
    padding: 0 20px;
@ -886,8 +890,8 @@ body .el-table th.gutter{
    color: #333333;
}
.table-panel .table-tab-item div{
    line-height: 60px;
    height: 60px;
    line-height: 50px;
    height: 50px;
    padding: 0 20px;
}
.table-panel .table-tab-item div:hover{
@ -895,7 +899,7 @@ body .el-table th.gutter{
    cursor: pointer;
}
.table-panel .table-tab-item div.active span{
	padding: 18px;
	padding: 14px;
	color:#17B3EC;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

+ 1 - 1
app/statistics/html/jbsc-analysis.html

@ -53,7 +53,7 @@
<body style="margin: 0;overflow-x: auto;">
    <div id="main" class="c-hide"  v-loading.fullscreen.lock="isloading">
        <header-tab appname="疾病筛查分析" isback="true" isrefresh="true"></header-tab>
        <div class="mt20 plr10">
        <div class="pt20 plr10 bgc-f2f3f5">
			<div class="flex searchDiv">
                <div class="f_s_0">
                    <span class="c-f16 c-333 pr10">时&emsp;&emsp;间</span>

+ 8 - 10
app/statistics/html/smfw-comprehensive-analysis.html

@ -21,7 +21,6 @@
<style>
.mainBlocktop {
	width: 195px;
    height: 170px;
	background: -webkit-linear-gradient(left, #5a83ff , #3b6cfe); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #5a83ff, #3b6cfe); /* Opera 11.1 - 12.0 */
@ -33,7 +32,6 @@
}
.mainBlockbottom {
	width: 195px;
    height: 170px;
    font-size: 16px;
	background: -webkit-linear-gradient(left, #396cfe ,#1954fd); /* Safari 5.1 - 6.0 */
@ -54,9 +52,9 @@
<body style="margin: 0;overflow-x: auto;">
    <div id="main" class="c-hide"  v-loading.fullscreen.lock="isloading">
        <header-tab appname="上门服务-总体分析" isback="true" isrefresh="true"></header-tab>
        <div class="mt20 plr10">
        <div class="pt10 plr10 bgc-f2f3f5">
	        <div class="flex">
	        	<div class="f_g_1">
	        	<div class="width-33 ">
			        <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>
		            	<div style="overflow:auto;height: 417px;">
@ -65,13 +63,13 @@
		            	</div>
		        	</div>
	        	</div>
	        	<div class="f_s_0 mlr15" style="width:400px;">
	        	<div class="width-33 mlr15" style="min-width:400px;">
	        		<div class="mtb10">
	        			<span class="c-f16 c-333 pr10">时&emsp;&emsp;间</span>
	        			<el-date-picker  v-model="dateValue" type="month" value-format="yyyy-MM"  placeholder="选择月" :picker-options="pickerOptions" @change="changeDate"></el-date-picker>
	        		</div>
	            	<div class="ui-grid">
	            		<div class="ui-col-0 c-50 mr5 mainBlocktop">
	            		<div class="ui-col-1 c-50 mr5 mainBlocktop">
	            			<div class="c-f16 pt20 pl25 c-position-r">服务评价均分            			
							    <el-tooltip class="item" effect="dark" content="服务评价均分=已完成工单总评分/已完成工单量" placement="right">
							      <img class="c-position-a" src="../../../images/wenhao.png" alt="" class="tip" style="top: 22px;left:130px;">
@ -81,7 +79,7 @@
		            			<span class="c-f28">{{topData.evaluateSplit}}</span>分
		            		</div>
	            		</div>
	            		<div class="ui-col-0 c-50 ml5 mainBlockbottom">
	            		<div class="ui-col-1 c-50 ml5 mainBlockbottom">
	            			<div class="c-f16  pt20  pl25">已服务居民 </div>
		            		<div class="c-t-center" style="line-height: 100px;"> 
		            			<span class="c-f28">{{topData.doorPatientServiceCount}}</span>人
@ -99,7 +97,7 @@
		            	</div>
	            	</div>
	        	</div>
	        	<div class="f_g_1">
	        	<div class="width-33">
			        <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 class="c-position-a" style="right: 15px;top: 5px;">
@ -109,11 +107,11 @@
							    </el-radio-group>
		            		</div>
		            	</div>
		            	<div  v-show="ptab=='1'" style="overflow-y:scroll;height: 417px;" v-loading="tableParams[2].isloading">
		            	<div  v-show="ptab=='1'" style="overflow-y:scroll;overflow-x:auto;height: 417px;" v-loading="tableParams[2].isloading">
			    			<table-panel ref="tableRef2"  :tabledata="itemList" :hastopbar="true" :cantclick="true"></table-panel>
			            	<div v-if="!tableParams[2].noMore" class="c-border-l c-border-r c-border-b ptb8 mlr25 c-t-center mb40 c-f16" style="margin-top: -40px;cursor: pointer;" @click="loadTableData(2)">查看更多</div>
		            	</div>
		            	<div  v-show="ptab=='2'" style="overflow-y:scroll;height: 417px;" v-loading="tableParams[1].isloading">
		            	<div  v-show="ptab=='2'" style="overflow-y:scroll;overflow-x:auto;height: 417px;" v-loading="tableParams[1].isloading">
			    			<table-panel ref="tableRef3"  :tabledata="drugList" :hastopbar="true" :cantclick="true"></table-panel>
			            	<div v-if="!tableParams[1].noMore" class="c-border-l c-border-r c-border-b ptb8 mlr25 c-t-center mb40 c-f16" style="margin-top: -40px;cursor: pointer;" @click="loadTableData(1)">查看更多</div>
		            	</div>

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

@ -167,7 +167,7 @@ new Vue({
			var vm=this
			vm.$refs.tableRef1.initTable({
				//表格表头
				headers:[{thead:"疾病名称",param:"name",canclick:true},{thead:"工单量(个)",param:"orderCount"}],
				headers:[{thead:"疾病名称",param:"name",canclick:true,style:{width:'260px'}},{thead:"工单量(个)",param:"orderCount"}],
			})
			vm.$refs.tableRef2.initTable({
				//表格表头
@ -300,7 +300,7 @@ function loadData(loadArr, vm) {
			if (res4 && res4.status == 200) {
				vm.topData=res4.data
				vm.topData.evaluateSplit=vm.topData.evaluateSplit.toFixed(2)
//				vm.topData.evaluateSplit=parseFloat(vm.topData.evaluateSplit).toFixed(2)
				var voucherList=_.map(vm.topData.voucherList,function(item,index){
					return {
						code:item.slaveKey1,

+ 3 - 3
component/statistics/table-panel.js

@ -8,10 +8,10 @@
    			</div>\
    		</div>\
    		<div class="ptb20 plr25">\
    			<table class="table-content table-bordered table-striped mb20" id="listTable">\
    			<table class="table-content table-bordered table-striped mb20" id="listTable" :style="headers[0].tablestyle">\
	                <thead><tr>\
	                	<th class="c-t-center" v-if="firstTh" style="width:50px;">{{firstTh}}</th>\
	                    <th v-for="(th,i) in headers" :key="i" :class="i>=2?\'c-t-right\':\'\'"  :style="th.style">{{th.thead}}\
	                    <th v-for="(th,i) in headers" :key="i" :style="th.style">{{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;">\
						    </el-tooltip>\
@ -20,7 +20,7 @@
	                <tbody>\
	                    <tr v-if="tabledata.length>0" v-for="(row,index) in tabledata" :key="index" class="data-row">\
	                    	<td class="c-t-center" v-if="firstTh">{{row.rank}}</td>\
	                        <td v-for="(th,i) in headers" :key="i"  :class="{\'c-t-right\':i>=1,\'tdPointor\':!cantclick}" @click="getLowLevelData(row,th)">\
	                        <td v-for="(th,i) in headers" :key="i"  :class="{\'c-t-center\':i>=1,\'tdPointor\':!cantclick}" @click="getLowLevelData(row,th)">\
		                        {{row[th.param]}}\
	                        </td>\
	                    </tr>\