app-big-data/page/bigDataOut/js/handleChangeViewB.js

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)
            })
        }
    }
})