Home Explore Help
Register Sign In
EHR
/
app-big-data
forked from lulihong0928/bigScreenShow
Watch 3
Star 0
Fork 1
Files
Browse Source

Merge branch 'master' of http://192.168.1.220:10080/EHR/app-big-data

zhanghaoyu 6 years ago
parent
905339d770 b178d51ac3
commit
42d6745534
11 changed files with 819 additions and 3 deletions
Split View Show Diff Stats
  1. 4 0
      js/api/bigDataOut-api.js
  2. 3 2
      js/api/http-request.js
  3. 54 0
      page/bigData/tabData/css/tabChange.css
  4. 196 0
      page/bigData/tabData/tabchange.html
  5. 85 0
      page/bigDataOut/css/tableChange.css
  6. 64 0
      page/bigDataOut/html/tableChange.html
  7. 79 0
      page/bigDataOut/js/handleChangeViewA.js
  8. 123 0
      page/bigDataOut/js/handleChangeViewB.js
  9. 101 0
      page/bigDataOut/js/handleChangeViewC.js
  10. 109 0
      page/bigDataOut/js/handleChangeViewD.js
  11. 1 1
      page/bigDataOut/js/search.js

+ 4 - 0
js/api/bigDataOut-api.js
View File 

@ -14,6 +14,10 @@
 
            return httpRequest.get("/api/v1.0/resource/text_search",{data: data,getServer:true})
 
        },
 
        // 超高费用
 
        getHighCostList: function(data) {
 
            return httpRequest.get("/api/v1.0/open/tj/getHighCostList",{data: data})
 
        },
 
	}
 
	
	exports.bigDataOutApi = bigDataOutApi;

+ 3 - 2
js/api/http-request.js
View File 

@ -1,5 +1,5 @@
 
(function(exports) {
 
	var publish_version = true;
 
	var publish_version = false;
 
	var server;
 
	var getServer;
 
	var agentName = "useragent"
 
@ -19,7 +19,8 @@
 
		getServer=server +'/gateway/resource'
 
		alertUrl="http://172.19.103.70:1235/bigScreenShow";
 
//		server = "http://192.168.131.104:9088"; // 测试环境 周杰
 
//		 server = "http://192.168.131.105:9088"; // 测试环境 兴旺
 
		 server = "http://192.168.131.105:10001/quota"; // 测试环境 兴旺
 
		//  server = "http://192.168.131.105:9088"; // 测试环境 兴旺
 
	}

+ 54 - 0
page/bigData/tabData/css/tabChange.css
View File 

@ -0,0 +1,54 @@
 
body{
 
margin: 0;padding: 0;
 
}
 
#app {
 
    height: 100%;
 
    width: 100%;
 
    /* text-align: right; */
 
  }
 
  .nav {
 
    width: 420px;
 
    margin:30px auto;
 
    
  }
 
  .tabNav {
 
    border: 1px solid #dcdfe6;
 
    border-radius: 30px;
 
  }
 
  .el-table .cell{
 
  text-align: center
 
}
 
  .el-radio-button__inner {
 
    border: 0;
 
    border-radius: 30px;
 
  }
 
  .el-radio-button:first-child .el-radio-button__inner {
 
    border-radius: 30px;
 
  }
 
  .el-radio-button:last-child .el-radio-button__inner {
 
    border-radius: 30px;
 
  }
 
.main{
 
  margin: 30px;
 
}
 
.main span{
 
color: orange;
 
}
 
.el-input__inner{
 
  height: 30px;
 
  width: 150px;
 
}
 
.el-input__inner:nth:first-child(1){
 
  width: 100px;
 
}
 
.el-input__icon {
 
  line-height: 30px
 
}

+ 196 - 0
page/bigData/tabData/tabchange.html
View File 

@ -0,0 +1,196 @@
 
<!DOCTYPE html>
 
<html>
 
<head>
 
  <meta charset="UTF-8">
 
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
  <title>Document</title>
 
  <link rel="stylesheet" href="../../../css/element.css">
 
  <link rel="stylesheet" href="./css/tabChange.css">
 
</head>
 
<body>
 
  <div id="app">
 
    <template>
 
      <div class="nav">
 
        <el-radio-group v-model="tabPosition" style="margin-bottom: 30px;" class="tabNav">
 
          <el-radio-button label="top">频繁就医</el-radio-button>
 
          <el-radio-button label="right">超高费用</el-radio-button>
 
          <el-radio-button label="bottom">重复检查检验</el-radio-button>
 
          <el-radio-button label="left">用药分析</el-radio-button>
 
        </el-radio-group>
 
      </div>
 
      <!-- <el-tabs :tab-position="tabPosition" style="height: 200px;"> -->
 
      <!-- <el-tab-pane label="用户管理">用户管理</el-tab-pane>
 
                <el-tab-pane label="配置管理">配置管理</el-tab-pane>
 
                <el-tab-pane label="角色管理">角色管理</el-tab-pane>
 
                <el-tab-pane label="定时任务补偿">定时任务补偿</el-tab-pane> -->
 
      <!-- </el-tabs> -->
 
    </template>
 
    <div class="main">
 
      <div class="tab1" v-if='showCancel'>
 
        <span>一周内就医次数>=3次</span>
 
        <template>
 
          <el-table :data="tableData" border style="width: 100%">
 
            <el-table-column prop="name" label="姓名" width="120">
 
            </el-table-column>
 
            <el-table-column prop="province" label="就医次数" width="120">
 
            </el-table-column>
 
            <el-table-column prop="address" label="身份证" width="400">
 
            </el-table-column>
 
            <el-table-column prop="city" label="性别" width="120">
 
            </el-table-column>
 
            <el-table-column prop="zip" label="年龄" width="120">
 
            </el-table-column>
 
            <el-table-column prop="address" label="家庭住址" width="400">
 
            </el-table-column>
 
            <el-table-column fixed="right" label="操作" width="100">
 
              <template slot-scope="scope">
 
                <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
 
                <el-button type="text" size="small">编辑</el-button>
 
              </template>
 
            </el-table-column>
 
          </el-table>
 
          <span class="total">总计：1200条</span>
 
        </template>
 
      </div>
 
      <div class="tab2">
 
        <template>
 
         <span>就诊类型：</span><el-select v-model="value" placeholder="请选择">
 
            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
 
            </el-option>
 
          </el-select>
 
          <span>机构等级</span>
 
      
           </div> 
          <el-select v-model="value" placeholder="请选择">
 
              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
 
              </el-option>
 
            </el-select>
 
            <el-select v-model="value" placeholder="请选择">
 
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
 
                </el-option>
 
              </el-select>
 
        </template>
 
        
        
        <br>
 
        <span>一周内就医次数>=3次</span>
 
        <template>
 
          <el-table :data="tableData" border style="width: 100%">
 
            <el-table-column prop="name" label="姓名" width="120">
 
            </el-table-column>
 
            <el-table-column prop="province" label="就医次数" width="120">
 
            </el-table-column>
 
            <el-table-column prop="address" label="身份证" width="400">
 
            </el-table-column>
 
            <el-table-column prop="city" label="性别" width="120">
 
            </el-table-column>
 
            <el-table-column prop="zip" label="年龄" width="120">
 
            </el-table-column>
 
            <el-table-column prop="address" label="家庭住址" width="400">
 
            </el-table-column>
 
            <el-table-column fixed="right" label="操作" width="100">
 
              <template slot-scope="scope">
 
                <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
 
                <el-button type="text" size="small">编辑</el-button>
 
              </template>
 
            </el-table-column>
 
          </el-table>
 
          <span class="total">总计：1200条</span>
 
        </template>
 
      </div>
 
    </div>
 
  </div>
 
  </div>
 
  <script src="../../../js/vue.js"></script>
 
  <script src="../../../js/jquery.min.js?v=2.1.4"></script>
 
  <script src="../../../js/element.js"></script>
 
  <script>
 
    new Vue({
 
      el: "#app",
 
      data() {
 
        return {
 
          tabPosition: 'top',
 
          showCancel: 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
 
          }, {
 
            date: '2016-05-04',
 
            name: '王小虎',
 
            province: '上海',
 
            city: '普陀区',
 
            address: '上海市普陀区金沙江路 1518 弄',
 
            zip: 200333
 
          }, {
 
            date: '2016-05-04',
 
            name: '王小虎',
 
            province: '上海',
 
            city: '普陀区',
 
            address: '上海市普陀区金沙江路 1518 弄',
 
            zip: 200333
 
          }, {
 
            date: '2016-05-04',
 
            name: '王小虎',
 
            province: '上海',
 
            city: '普陀区',
 
            address: '上海市普陀区金沙江路 1518 弄',
 
            zip: 200333
 
          },],
 
          options: [{
 
          value: '选项1',
 
          label: '门急诊'
 
        }, {
 
          value: '选项2',
 
          label: '住院'
 
        }],
 
          value: '门急诊'
 
        };
 
      },
 
      methods: {
 
        handleClick(row) {
 
          console.log(row);
 
        }
 
      },
 
    })
 
  </script>
 
</body>
 
</html>

+ 85 - 0
page/bigDataOut/css/tableChange.css
View File 

@ -0,0 +1,85 @@
 
body {
 
    margin: 0;
 
    padding: 0;
 
}
 
#app {
 
    height: 100%;
 
    width: 100%;
 
}
 
.nav {
 
    width: 420px;
 
    margin: 30px auto;
 
}
 
.tabNav {
 
    border-radius: 30px;
 
}
 
.el-table .cell {
 
    text-align: center
 
}
 
.el-radio-button__inner {}
 
.main {
 
    margin: -30px 30px;
 
}
 
.span {
 
    color: orange;
 
    display: block;
 
    margin-top: 10px;
 
}
 
.el-input__inner {
 
    height: 30px;
 
}
 
.el-input__inner:nth:first-child(1) {
 
    width: 100px;
 
}
 
.el-input__icon {
 
    line-height: 30px
 
}
 
.search {
 
    display: inline-block;
 
    background-color: #409EFF;
 
    color: white;
 
    border-radius: 2px;
 
    width: 50px;
 
    text-align: center;
 
    padding: 4px;
 
    cursor: pointer;
 
    position: absolute;
 
    right: 30px;
 
}
 
.el-table,
 
.el-table__expanded-cell {
 
    margin-top: 5px;
 
}
 
.tab4 .el-table,
 
.el-table__expanded-cell {
 
    margin-top: 20px;
 
}
 
.el-pagination {
 
    text-align: right;
 
}
 
.el-pagination__total {
 
    position: absolute;
 
    left: 30px;
 
}
 
a {
 
    text-decoration: none;
 
}
 
.content .el-input__inner{
 
    width: 150px;
 
}

+ 64 - 0
page/bigDataOut/html/tableChange.html
View File 

@ -0,0 +1,64 @@
 
<!DOCTYPE html>
 
<html>
 
<head>
 
    <meta charset="UTF-8">
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
    <title>Document</title>
 
    <link rel="stylesheet" href="../../../css/element.css">
 
    <link rel="stylesheet" href="../css/tableChange.css">
 
</head>
 
<body>
 
    <div id="app">
 
        <!-- tab切换 -->
 
        <div class="nav">
 
            <template>
 
                <el-radio-group v-model="tabPosition" style="margin-bottom: 30px;" class="tabNav">
 
                    <el-radio-button label="top" @click.native='handleChangeView("A")'>频繁就医</el-radio-button>
 
                    <el-radio-button label="right" @click.native='handleChangeView("B")'>高额费用</el-radio-button>
 
                    <el-radio-button label="bottom" @click.native='handleChangeView("C")'>重复检查检验</el-radio-button>
 
                    <el-radio-button label="left" @click.native='handleChangeView("D")'>用药分析</el-radio-button>
 
                </el-radio-group>
 
            </template>
 
        </div>
 
        <div class="main">
 
            <component :is="currentView"></component>
 
        </div>
 
    </div>
 
    <script>
 
        window.noUse=true
 
    </script>
 
    <script src="../../../js/post.js"></script>
 
    <script src="../js/handleChangeViewA.js"></script>
 
    <script src="../js/handleChangeViewB.js"></script>
 
    <script src="../js/handleChangeViewC.js"></script>
 
    <script src="../js/handleChangeViewD.js"></script>
 
    <script src="../../../js/api/bigDataOut-api.js"></script>
 
    <script>
 
        new Vue({
 
            el: "#app",
 
            methods: {
 
                handleClick(row) {
 
                    console.log(row);
 
                },
 
            },
 
            data() {
 
                return {
 
                    tabPosition: 'top',
 
                    currentView: 'comA',
 
                }
 
            },
 
            methods: {
 
                handleChangeView: function (component) {
 
                    this.currentView = 'com' + component;
 
                }
 
            }
 
        })
 
    </script>
 
</body>
 
</html>

+ 79 - 0
page/bigDataOut/js/handleChangeViewA.js
View File 

@ -0,0 +1,79 @@
 
Vue.component('comA',{
 
    template:'<div class="tab1">\
 
    <template>\
 
        <span class="span">一周就医次数>=3次的患者记录</span>\
 
           <el-table :data="tableData" border style="width: 100%" :data.native="tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)">\
 
                        <el-table-column prop="name" label="姓名" width="140">\
 
                        </el-table-column>\
 
                        <el-table-column prop="province" label="就医次数" width="140">\
 
                        </el-table-column>\
 
                        <el-table-column prop="address" label="身份证号" width="380">\
 
                        </el-table-column>\
 
                        <el-table-column prop="province" label="性别" width="140">\
 
                        </el-table-column>\
 
                        <el-table-column prop="province" label="年龄" width="140">\
 
                        </el-table-column>\
 
                        <el-table-column prop="address" label="地址" width="380">\
 
                        </el-table-column>\
 
                        <el-table-column fixed="right" label="操作" width="140">\
 
                            <template slot-scope="scope">\
 
                                <el-button @click="handleClick(scope.row)" type="text" size="small">查看详情</el-button>\
 
                            </template>\
 
                        </el-table-column>\
 
           </el-table>\
 
           <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"\
 
                        :page-sizes="[2,10, 20, 40]" :page-size="pagesize" layout="total,sizes,prev, pager, next, jumper"\
 
                        :total="tableData.length">\
 
           </el-pagination>\
 
    </template>\
 
</div> ',
 
    data:function(){
 
        return{
 
            currentPage: 1, //初始页
 
            pagesize:2,    //    每页的数据 
            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
 
            }],
 
        }
 
    
    },
 
    methods: {
 
        handleSizeChange: function (size) {
 
            this.pagesize = size;
 
            console.log(this.pagesize)  //每页下拉显示数据
 
        },
 
        handleCurrentChange: function (currentPage) {
 
            this.currentPage = currentPage;
 
            console.log(this.currentPage)  //点击第几页
 
        },
 
        handleClick(row) {
 
            console.log(row);
 
          }
 
    }
 
})

+ 123 - 0
page/bigDataOut/js/handleChangeViewB.js
View File 

@ -0,0 +1,123 @@
 
Vue.component('comB', {
 
    template: '<div class="tab2" >\
 
    <template>\
 
      <div class="content">\
 
      <span>就诊类型：</span>  \
 
      <el-select v-model="value" placeholder="请选择">\
 
            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">\
 
            </el-option>\
 
        </el-select>\
 
        <span>机构等级：</span>  \
 
        <el-select v-model="items" placeholder="请选择">\
 
                <el-option v-for="item in option" :key="item.value" :label="item.label" :value="item.value">\
 
                </el-option>\
 
        </el-select>\
 
        <el-select v-model="item" placeholder="请选择">\
 
                <el-option v-for="item in option" :key="item.value" :label="item.label" :value="item.value">\
 
                </el-option>\
 
        </el-select>\
 
        <span class="demonstration">时间：</span>\
 
        <el-date-picker\
 
        v-model="value4"\
 
        type="month"\
 
        placeholder="选择月">\
 
      </el-date-picker>\
 
        <div class="search">搜  索</div>\
 
      <div>\
 
    </template>\
 
    <span class="span">门急诊费>=999,000.00(999,000.00=上月门急诊次均费用*3)/住院费用>=999,000.00(999,000.00=上月住院次均费用*3)</span>\
 
    <el-table :data="tableData" border style="width: 100%" :data.native="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)">\
 
        <el-table-column prop="patient_name" label="姓名" width="140">\
 
        </el-table-column>\
 
        <el-table-column prop="demographic_id" label="身份证号" width="380">\
 
        </el-table-column>\
 
        <el-table-column label="性别">\
 
        <template slot-scope="scope">\
 
          <span v-if="scope.row.patient_sex == 1">男</span>\
 
          <span v-else>女</span>\
 
        </template>\
 
      </el-table-column>\
 
        <el-table-column prop="patient_age" label="年龄" width="140">\
 
        </el-table-column>\
 
        <el-table-column prop="EHR_000045" label="家庭地址" width="380">\
 
        </el-table-column>\
 
        <el-table-column fixed="right" label="操作" width="140">\
 
        <template slot-scope="scope">\
 
        <el-button @click="handleClick(scope.row)" type="text" size="small">查看详情</el-button>\
 
    </template>\
 
        </el-table-column>\
 
    </el-table>\
 
        <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>\
 
        </template>\
 
</div> ',
 
    data: function () {
 
        return {
 
            currentPage: 1, //初始页
 
            pageSize: 10,    //    每页的数据 
            pageSizeArr: [10, 20, 30, 50],
 
            tableData: [],
 
            total: 0,
 
            value: '门急诊',
 
            item:'',
 
            items:'',
 
            hosLevel: '',
 
            option: [],
 
            options: [{
 
                value: '1',
 
                label: '门急诊'
 
            }, {
 
                value: '2',
 
                label: '住院'
 
            }],
 
            value4: '',
 
            
        }
 
    },
 
    mounted: function () {
 
        this.getData()
 
    },
 
    methods: {
 
        handleClick(row) {
 
            console.log(row);
 
        },
 
        handleCurrentChange: function (val) { //page 当前页
 
            this.currentPage = val;
 
            this.getData()
 
        },
 
        handleSizeChange: function (val) {// size 页面展示数据条数
 
            this.pageSize = val;
 
            this.initData()
 
        },
 
        initData: function () {  //初始化数据
 
            this.currentPage = 1;
 
            this.getData()
 
        },
 
        getData: function () {
 
            var vm = this;
 
            var params = {
 
                month: '2018-08',
 
                eventType: 0,
 
                hosLevel: this.hosLevel,
 
                hosHierarchy: this.hosHierarchy,
 
                size: 15,
 
                page: 1,
 
            }
 
            debugger
 
            bigDataOutApi.getHighCostList(params).then(function (res) {
 
                console.log(res)
 
                vm.tableData = res.detailModelList;
 
                vm.total = res.totalCount;
 
            }).catch(function (err) {
 
                console.log(err)
 
            })
 
        }
 
    }
 
})

+ 101 - 0
page/bigDataOut/js/handleChangeViewC.js
View File 

@ -0,0 +1,101 @@
 
Vue.component('comC',{
 
    template:' <div class="tab3">\
 
    <template>\
 
      <span>检查/检验：</span> <el-select v-model="value" placeholder="请选择">\
 
            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">\
 
            </el-option>\
 
        </el-select> <a href="#" @click="open5">查看字典</a>\
 
        <div class="search">搜索</div>\
 
    </template>\
 
    <span class="span">一周内同种检查/检验项目的次数>=3</span>\
 
    <el-table :data="tableData" border style="width: 100%"  :data.native="tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)">\
 
        <el-table-column prop="name" label="姓名" width="140">\
 
        </el-table-column>\
 
        <el-table-column prop="province" label="就医次数" width="140">\
 
        </el-table-column>\
 
        <el-table-column prop="address" label="身份证号" width="380">\
 
        </el-table-column>\
 
        <el-table-column prop="province" label="性别" width="140">\
 
        </el-table-column>\
 
        <el-table-column prop="province" label="年龄" width="140">\
 
        </el-table-column>\
 
        <el-table-column prop="address" label="地址" width="380">\
 
        </el-table-column>\
 
        <el-table-column fixed="right" label="操作" width="140">\
 
            <template slot-scope="scope">\
 
                <el-button @click="handleClick(scope.row)" type="text" size="small">查看详情</el-button>\
 
            </template>\
 
        </el-table-column>\
 
    </el-table>\
 
    <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"\
 
    :page-sizes="[2,10, 20, 40]" :page-size="pagesize" layout="total,sizes,prev, pager, next, jumper"\
 
    :total="tableData.length">\
 
</el-pagination>\
 
</template>\
 
</div>',
 
    data:function(){
 
        return{
 
            currentPage: 1, //初始页
 
            pagesize:2,    //    每页的数据 
            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
 
            }],
 
            options: [{
 
                value: '选项1',
 
                label: '外科'
 
            }, {
 
                value: '选项2',
 
                label: '住院'
 
            }],
 
            option: [{
 
                value: '选项1',
 
                label: '全部'
 
            }, {
 
                value: '选项2',
 
                label: '选线一'
 
            }],
 
            value: '全部'
 
        }
 
    },
 
    methods: {
 
        handleSizeChange: function (size) {
 
            this.pagesize = size;
 
            console.log(this.pagesize)  //每页下拉显示数据
 
        },
 
        handleCurrentChange: function (currentPage) {
 
            this.currentPage = currentPage;
 
            console.log(this.currentPage)  //点击第几页
 
        },
 
        handleClick(row) {
 
            console.log(row);
 
          },
 
         
          }
 
    }
 
})

+ 109 - 0
page/bigDataOut/js/handleChangeViewD.js
View File 

@ -0,0 +1,109 @@
 
Vue.component('comD',{
 
    template:' <div class="tab4">\
 
    <template>\
 
      <span>就诊类型：</span>  <el-select v-model="value" placeholder="请选择">\
 
            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">\
 
            </el-option>\
 
        </el-select>\
 
        <span>机构等级：</span>  \
 
        <el-select v-model="value" placeholder="请选择">\
 
                <el-option v-for="item in option" :key="item.value" :label="item.label" :value="item.value">\
 
                </el-option> \
 
        </el-select> \
 
        <a href="">查看药品字典     </a>\
 
        <el-select v-model="value" placeholder="请选择">\
 
                <el-option v-for="item in option" :key="item.value" :label="item.label" :value="item.value">\
 
                </el-option>\
 
        </el-select>\
 
        <div class="search">搜索</div>\
 
    </template>\
 
    <el-table :data="tableData" border style="width: 100%"  :data.native="tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)">\
 
            <el-table-column prop="province" label="就诊时间" width="180">\
 
                </el-table-column>\
 
        <el-table-column prop="name" label="姓名" width="140">\
 
        </el-table-column>\
 
        <el-table-column prop="province" label="就诊类型" width="180">\
 
        </el-table-column>\
 
        <el-table-column prop="province" label="规格" width="180">\
 
        </el-table-column>\
 
        <el-table-column prop="address" label="用法" width="380">\
 
        </el-table-column>\
 
        <el-table-column prop="province" label="总量" width="180">\
 
        </el-table-column>\
 
        <el-table-column fixed="right" label="操作" width="180">\
 
            <template slot-scope="scope">\
 
            <el-button @click="handleClick(scope.row)" type="text" size="small">查看详情</el-button>\
 
            </template>\
 
        </el-table-column>\
 
    </el-table>\
 
    <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"\
 
    :page-sizes="[2,10, 20, 40]" :page-size="pagesize" layout="total,sizes,prev, pager, next, jumper"\
 
    :total="tableData.length">\
 
</el-pagination>\
 
</template>\
 
</div>\
 
    </div> ',
 
    data:function(){
 
        return{
 
            currentPage: 1, //初始页
 
            pagesize:2,    //    每页的数据 
            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
 
            }],
 
            options: [{
 
                value: '选项1',
 
                label: '外科'
 
            }, {
 
                value: '选项2',
 
                label: '住院'
 
            }],
 
            option: [{
 
                value: '选项1',
 
                label: '全部'
 
            }, {
 
                value: '选项2',
 
                label: '选线一'
 
            }],
 
            value: '全部'
 
        }
 
    },
 
    methods: {
 
        handleSizeChange: function (size) {
 
            this.pagesize = size;
 
            console.log(this.pagesize)  //每页下拉显示数据
 
        },
 
        handleCurrentChange: function (currentPage) {
 
            this.currentPage = currentPage;
 
            console.log(this.currentPage)  //点击第几页
 
        },
 
        handleClick(row) {
 
            console.log(row);
 
          }
 
    }
 
})

+ 1 - 1
page/bigDataOut/js/search.js
View File 

@ -29,7 +29,7 @@ new Vue({
 
			bigDataOutApi.hot_words().then(function(res){
 
				vm.hotList=res
 
			}).catch(function(err){
 
				console.err(err)
 
				console.err(err) 
			})
 
		},
 
		initData:function(keyword){