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

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="#">查看字典</a>\
        <el-date-picker v-model="value4" type="month" placeholder="选择时间">\
        </el-date-picker>\
        <div class="search" @click="searchClick">搜索</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="patient_name" label="姓名">\
        </el-table-column>\
        <el-table-column prop="result" label="就医次数">\
        </el-table-column>\
        <el-table-column prop="demographic_id" label="身份证号">\
        </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="年龄">\
        </el-table-column>\
        <el-table-column prop="address" 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="[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: 10,    //    每页的数据 
        tableData: [],
        options:[],
        pageSizeArr: [10, 20, 30, 50],
        total: 0,
        value4:new Date(getLastMonthStartDate()),
        value:'',
    }

},
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 () {
        this.initData()

    },
    getData: function () {
        var vm = this;
        var params = {
            month:this.value4.format('yyyy-MM'),
            size: 15,
            page: 1,
            inspect:8,
        }
        GlobalEventBus.$emit('setLoading', {
            loading: true
        }); //等待效果
        bigDataOutApi.getRepeateInspectList(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(row) {
        demographic_id=row.demographic_id,
        blurry_type='',
        searchParam=''
        var url =  httpRequest.server+'/profile/app/medication/html/jiuzhen-item.html?'+
        'healthProblemName='+'&demographic_id='+demographic_id+'&blurry_type='+blurry_type+'&searchParam='+searchParam
        console.log(url)
    //    window.open(url)
    var width=(0.5212*window.screen.width)+'px';
    var height=(0.7878*window.screen.height)+'px';
    top.layer.open({
        id:'Lay_xiangqing',
        type:2,
        title:false,
        closeBtn:0,
        shade:0.5,
        shadeClose:true,
        area:[width,height],
        content:url
    })
    }
}
})