呵呵呵

page/bigData/css/medical.css

@@ -17,7 +17,9 @@ p {
	margin: 0;
	padding: 0
}
th{
	font-weight: normal
}
.div-header {
	background: url(../images/biaoti_bg_img.png) no-repeat;
	width: 10rem;

page/bigDataOut/component/resultList.js

@@ -2,16 +2,18 @@
    Vue.component('resultlist', {
        template: '<div >\
                        <div v-if="data && data.length>0">\
                         <div class="result_list flex f_wrap" v-for="item in data" >\
                            <div class="flex"><span class="des">就诊日期</span>：<span class="result">{{forMatterDate(item.event_date)}}</span></div>\
                            <div class="flex"><span class="des">就诊类型</span>：<span class="result">{{(item.event_type==0 && \'门诊\') || (item.event_type==1 && \'住院\')}}</span></div>\
                            <div class="flex"><span class="des text_s ">性别</span>：<span class="result">{{(item.patient_sex==1 && \'男\') || (item.patient_sex==2 && \'女\') || "" }}</span></div>\
                            <div class="flex"><span class="des">出生日期</span>：<span class="result">{{forMatterDate(item.patient_birthday)}}</span></div>\
                            <div class="flex"><span class="des text_s">姓名</span>：<span class="result">{{item.patient_name}}</span></div>\
                            <div class="flex"><span class="des text_s">医生</span>：<span class="result">{{item.doctor}}</span></div>\
                            <div class="flex"><span class="des text_s ">就诊医院</span>：<span class="result two_width">{{item.org_name}}</span></div>\
                            <div class="flex"><span class="des text_s  " >就诊科室</span>：<span class="result two_width">{{item.dept_name}}</span></div>\
                            <div class="f_16" v-html="item.hl"></div>\
                        <div  v-for="item in data" style="margin-bottom:15px">\
                            <div class="result_list flex f_wrap" @click="go(item)">\
                                <div class="flex"><span class="des">就诊日期</span>：<span class="result">{{forMatterDate(item.event_date)}}</span></div>\
                                <div class="flex"><span class="des">就诊类型</span>：<span class="result">{{(item.event_type==0 && \'门诊\') || (item.event_type==1 && \'住院\')}}</span></div>\
                                <div class="flex"><span class="des text_s ">性别</span>：<span class="result">{{(item.patient_sex==1 && \'男\') || (item.patient_sex==2 && \'女\') || "" }}</span></div>\
                                <div class="flex"><span class="des">出生日期</span>：<span class="result">{{forMatterDate(item.patient_birthday)}}</span></div>\
                                <div class="flex"><span class="des text_s">姓名</span>：<span class="result">{{item.patient_name}}</span></div>\
                                <div class="flex"><span class="des text_s">医生</span>：<span class="result">{{item.doctor}}</span></div>\
                                <div class="flex"><span class="des text_s ">就诊医院</span>：<span class="result two_width">{{item.org_name}}</span></div>\
                                <div class="flex"><span class="des text_s  " >就诊科室</span>：<span class="result two_width">{{item.dept_name}}</span></div>\
                            </div>\
                            <div v-if="item.hl" class="zhaiyao" v-html="item.hl"></div>\
                        </div>\
                        <div class="block flex f_xy_c">\
                                <el-pagination\
@@ -82,11 +84,25 @@
            initData:function(){  //初始化数据
                this.currentPage = 1;
                this.getList()
            },
            go:function(item){
                var date = this.forMatterDate(item.event_date),
                   orgName = item.org_name,
                   profileId=item.rowkey,
                   eventType=item.event_type,
                   searchWord=this.keyword
                    var url =  httpRequest.server+'/profile/app/templateDetails/html/hospitalIndex.html?'+
                    'date='+date+'&orgName='+orgName+'&profileId='+profileId+'&eventType='+eventType+
                    '&searchWord='+searchWord
                   
                   window.open(url)
            }
        },
        watch: {
            resultList(val){
                
              
            }
        }
    })

page/bigDataOut/component/table-page.js

@@ -0,0 +1,93 @@
(function () {
    Vue.component('resultlist', {
        template: '<div >\
                        <div v-if="data && data.length>0">\
                         <div class="result_list flex f_wrap" v-for="item in data" >\
                            <div class="flex"><span class="des">就诊日期</span>：<span class="result">{{forMatterDate(item.event_date)}}</span></div>\
                            <div class="flex"><span class="des">就诊类型</span>：<span class="result">{{(item.event_type==0 && \'门诊\') || (item.event_type==1 && \'住院\')}}</span></div>\
                            <div class="flex"><span class="des text_s ">性别</span>：<span class="result">{{(item.patient_sex==1 && \'男\') || (item.patient_sex==2 && \'女\') || "" }}</span></div>\
                            <div class="flex"><span class="des">出生日期</span>：<span class="result">{{forMatterDate(item.patient_birthday)}}</span></div>\
                            <div class="flex"><span class="des text_s">姓名</span>：<span class="result">{{item.patient_name}}</span></div>\
                            <div class="flex"><span class="des text_s">医生</span>：<span class="result">{{item.doctor}}</span></div>\
                            <div class="flex"><span class="des text_s ">就诊医院</span>：<span class="result two_width">{{item.org_name}}</span></div>\
                            <div class="flex"><span class="des text_s  " >就诊科室</span>：<span class="result two_width">{{item.dept_name}}</span></div>\
                            <div class="f_16" v-html="item.hl"></div>\
                        </div>\
                        <div class="block flex f_xy_c">\
                                <el-pagination\
                                @size-change="handleSizeChange"\
                                @current-change="handleCurrentChange"\
                                :current-page="currentPage"\
                                :page-sizes="pageSizeArr"\
                                :page-size="pageSize"\
                                layout="total, sizes, prev, pager, next, jumper"\
                                :total="total">\
                            </el-pagination>\
                        </div>\
                        </div>\
                        <nodata v-else ></nodata>\
                    </div>',
        props: ['keyword','filters'],
        data: function () {
            return {
                currentPage:1,
                pageSizeArr:[15,30,50,100],
                pageSize:15,
                total:0,
                data:[],
                searchKey:''
            }
        },
        mounted: function () {
            
        },
        methods: {
            forMatterDate:function(date){
                return 	new Date(date).format('yyyy-MM-dd')
            },
            handleCurrentChange:function(val){ //page
                this.currentPage = val;
                this.getList()
            },
            handleSizeChange:function(val){// size
                this.pageSize=val;
                this.initData()
            },
            getList:function(){
                var vm=this;
                var params={
                    page:this.currentPage,
                    size:this.pageSize,
                    keyword:this.keyword,
                    filters:this.filters
                }
                
                GlobalEventBus.$emit('setLoading',{
                    loading:true
                });
        
                bigDataOutApi.text_search(params).then(function(res){
                    GlobalEventBus.$emit('setLoading');
                    vm.data=res.detailModelList;
                    vm.total=res.totalCount;
                }).catch(function(err){
                    
                    console.erroe(err)
                    
                    GlobalEventBus.$emit('setLoading');
                })
            },
            initData:function(){  //初始化数据
                this.currentPage = 1;
                this.getList()
            }
        },
        watch: {
            resultList(val){
                
            }
        }
    })
})()

page/bigDataOut/css/flex.css

@@ -74,3 +74,7 @@
[v-cloak] {
    display: none;
}
.el-input--suffix .el-input__inner{
    font-size: 16px
}

page/bigDataOut/css/search.css

@@ -28,7 +28,7 @@
     padding: 23px  37px 21px 19px;
     border: solid 1px #e7e7e7;
     font-size: 16px;
     margin: 0 24px 15px 30px;
     margin: 0 24px 0 30px;
 }
 .result_list >div{
    margin-right: 44px;
@@ -52,8 +52,13 @@
     color: red;
     font-style: normal
 }
 .f_16{
     font-size: 16
 .zhaiyao{
    padding: 30px 20px 15px;
    margin: 0 24px 0 30px;
    background: #f9f9f9;
    border: solid 1px #e7e7e7;
    border-top: none;
    font-size: 16px;
 }
 .el-pagination{
     font-size: 16px;

page/bigDataOut/html/home.html

@@ -33,7 +33,7 @@
                <div>医疗大数据分析</div>
            </div>
            <div style="margin-right:37px" @click="setIndexPage('2-3')">
                <img src="../images/smallSee.jpg" >
                <img src="../images/juminjiankang.jpg" >
                <div>居民健康管理大数据分析</div>
            </div>
            <div>

page/bigDataOut/html/yibiaofenxi.html

@@ -0,0 +1,68 @@
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>医保费用分析</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <script src="../../../js/head.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <link rel="stylesheet" href="../css/search.css" />
</head>
<body>
    <div id="app" style="height: 100%;padding:0 24px" v-cloak>
        <div class="flex f_xy_c" style="margin-bottom:76px">
            <el-radio-group v-model="type" size="medium">
                <el-radio-button label="频繁就医"></el-radio-button>
                <el-radio-button label="超高费用"></el-radio-button>
                <el-radio-button label="重复检查检验"></el-radio-button>
                <el-radio-button label="用药分析"></el-radio-button>
            </el-radio-group>
        </div>
        <el-table :data="tableData" border style="width: 100%">
            <el-table-column fixed prop="date" label="日期" >
            </el-table-column>
            <el-table-column prop="name" label="姓名" >
            </el-table-column>
            <el-table-column prop="province" label="省份" >
            </el-table-column>
            <el-table-column prop="city" label="市区" >
            </el-table-column>
            <el-table-column prop="address" label="地址" >
            </el-table-column>
            <el-table-column prop="zip" label="邮编" >
            </el-table-column>
            <el-table-column label="操作"  fixed="right">
                    <template slot-scope="scope">
                        <el-button  type="text" size="small">查看</el-button>
                    </template>
            </el-table-column>
        </el-table>
        <div class="block flex f_x_c" style="margin-top:25px">
                <span class="demonstration"></span>
                <el-pagination
                  @size-change="handleSizeChange"
                  @current-change="handleCurrentChange"
                  :current-page="currentPage4"
                  :page-sizes="[100, 200, 300, 400]"
                  :page-size="100"
                  layout="total, sizes, prev, pager, next, jumper"
                  :total="400">
                </el-pagination>
              </div>
    </div>
    <script>
        window.noUse = true
    </script>
    <script src="../../../js/post.js"></script>
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <script src="../../../js/api/bigDataOut-api.js"></script>
    <script src="../js/yibiaofenxi.js"></script>
</body>
</html>

page/bigDataOut/js/index.js

@@ -78,7 +78,7 @@ new Vue({
				window.open('../../bigData/html/home.html')
				break;
				case '2-4':
				activeObj = 	{url:'../html/search.html',text:'医保控费分析'};
				activeObj = 	{url:'../html/yibiaofenxi.html',text:'医保控费分析'};
				break;
				}
				if(!activeObj)return 
@@ -123,6 +123,7 @@ new Vue({
					switch (obj.url){                                   //已经存在并且在左边的菜单的话则需要高亮左边菜单
						case "../html/home.html":obj.index='2-0';break;
						case "../html/search.html":obj.index='2-0';break; 
						case "../html/yibiaofenxi.html":obj.index='2-4';break; 
					}
					exist=true;
					index = i;

page/bigDataOut/js/yibiaofenxi.js

@@ -0,0 +1,64 @@
new Vue({
	el: '#app',
	data: function () {
		return {
			type:'频繁就医', 
			table1Init:false,  //判断是否需要重新加载数据
			table1Init2:false,
			table1Ini3:false,
            table1Ini4:false,
            tableData: [{
                date: '2016-05-03',
                name: '王小虎',
                province: '上海',
                city: '普陀区',
                address: '上海市普陀区金沙江路 1518 弄',
                zip: 200333
              }, {
                date: '2016-05-02',
                name: '王小虎',
                province: '上海',
                city: '普陀区',
                address: '上海市普陀区金沙江路 1518 弄',
                zip: 200333
              }, {
                date: '2016-05-04',
                name: '王小虎',
                province: '上海',
                city: '普陀区',
                address: '上海市普陀区金沙江路 1518 弄',
                zip: 200333
              }, {
                date: '2016-05-01',
                name: '王小虎',
                province: '上海',
                city: '普陀区',
                address: '上海市普陀区金沙江路 1518 弄',
                zip: 200333
              }],
              currentPage4:1
		}
	},
	computed: {
	
	},
	mounted:function() {
		
	},
	methods: {
        handleSizeChange(val) {
            console.log(`每页 ${val} 条`);
          },
          handleCurrentChange(val) {
            console.log(`当前页: ${val}`);
          },
          handleClick(row) {
            console.log(row);
          }
	},
	watch: {
	
	}
})