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

Vue.component('comD',{
    template:' <div class="tab4">\
    <template>\
      <span>就诊时间：</span>    \
      <el-date-picker v-model="value6"type="daterange" range-separator="至" start-placeholder="开始日期"end-placeholder="结束日期">\
      </el-date-picker>\
      <span>药品名称：</span>    \
      <div class="modelSearch" >\
      <el-input paceholder="请输入药品名称"  v-model="drugName" clearable>\
      </el-input>\
      </div>\
        <a href="">  查看药品字典  </a>\
        <span>就诊类型：</span>  \
                      <el-select v-model="eventType" placeholder="请选择">\
                            <el-option v-for="item in event_type" :key="item.code" :label="item.name" :value="item.code">\
                            </el-option>\
                      </el-select>\
        <div class="search" @click="searchClick">搜索</div>\
    </template>\
    <el-table :data="tableData" border style="width: 100%"   :data.native="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)">\
            <el-table-column prop="event_date" label="就诊时间">\
                </el-table-column>\
        <el-table-column prop="patient_name" label="姓名">\
        </el-table-column>\
        <el-table-column label="就诊类型" width="140">\
                    <template slot-scope="scope">\
                        <span v-if="scope.row.every_type == 0">门急诊</span>\
                        <span v-else>住院</span>\
                    </template>\
                    </el-table-column>\
        <el-table-column prop="HDSD00_04_021" label="规格">\
        </el-table-column>\
        <el-table-column prop="HDSD00_04_027" label="用法" >\
        </el-table-column>\
        <el-table-column prop="HDSD00_04_028" label="总量">\
        </el-table-column>\
        <el-table-column fixed="right" label="操作">\
            <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>\
    </div> ',
    data: function () {
        return {
            currentPage: 1, //初始页
            pageSize: 10,    //    每页的数据 
            tableData: [],
            pageSizeArr: [10, 20, 30, 50],
            total: 0,
            pickerOptions1: {
                disabledDate(time) {
                  return time.getTime() > Date.now();
                },
              },
              event_type: [{
                "code": '0',
                "name": '门急诊'
            }, {
                "code": '1',
                "name": '住院'
            }],
              value6: '',
              drugName:'',
            eventType: '0',

        }

    },
    mounted: function () {
        this.getData()
    },
    methods: {
        handleCurrentChange: function (val) {
            this.currentPage = val;
            this.getData()
        },
        handleSizeChange: function (val) {
            this.pageSize = val;
            this.initData()
        },
        initData: function () { //初始化
            this.currentPage = 1;
            this.getData()
        },
        searchClick: function () {
            console.log(this.eventType)
            console.log(this.drugName)
            this.initData()

        },
        getData: function () {
            var vm = this;
            debugger
            var params = {
               start:'2018-08-01',
               end:'2018-08-31',
               drugName:this.drugName,
               eventType:this.eventType,
               size:15,
               page:1,
            }
            // GlobalEventBus.$emit('setLoading', {
            //     loading: true
            // }); //缓存效果
            bigDataOutApi.drugAnalysis(params).then(function (res) {
                console.log(res)
                GlobalEventBus.$emit('setLoading');
                vm.tableData = res.detailModelList;
                vm.total = res.totalCount;
            }).catch(function (err) {
                console.log(err)
                GlobalEventBus.$emit('setLoading');
            })
        },
        handleClick:function() {
            console.log(row);
        }
    }
})