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

Vue.component('comC', {
    template: ' <div class="tab3">\
    <template>\
    <span>检查/检验：</span>    \
    <div class="modelSearch" >\
    <el-select v-model="inspect" filterable placeholder="请选择">\
        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">\
        </el-option>\
    </el-select>\
    </div>\
        </el-select> <a href="#" @click="handleZidian">查看字典</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%" >\
        <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>\
    <div class="flex f_y_c f_x_e">\
        <el-pagination @size-change="handleSizeChange" background @current-change="handleCurrentChange" :current-page="currentPage"\
        :page-sizes=" pageSizeArr" :page-size="pageSize" layout="total,sizes,prev, pager, next, jumper"\
        :total="total">\
        </el-pagination>\
    </div>\
</template>\
</div>',
    data: function () {
        return {
            currentPage: 1, //初始页
            pageSize: 10,    //    每页的数据 
            tableData: [],
            pageSizeArr: [10, 20, 30, 50],
            total: 0,
            value4: new Date(),
            options: [],
            inspect: '',
        }

    },
    mounted: function () {
        this.getData()
        this.getList()
    },
    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: this.pageSize,
                page: this.currentPage,
                inspect: this.inspect,
            }
            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');
            })
        },
        getList: function () {
            var it = this;
            var params = {
                code: "STD_CHECK_ITEM",
                size: 20,
                page: 1
            }
            GlobalEventBus.$emit('setLoading', {
                loading: true
            }); //等待效果
            bigDataOutApi.lastDictItem(params).then(function (res) {
                console.log(res)
                GlobalEventBus.$emit('setLoading');
                it.options = res.detailModelList


            }).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 = 1000 + 'px';
            var height = 600 + 'px';
            top.layer.open({
                id: 'Lay_xiangqingC',
                type: 2,
                title: false,
                closeBtn: 0,
                shade: 0.5,
                shadeClose: true,
                area: [width, height],
                content: url
            })
        },
        handleZidian: function () {
            var url = httpRequest.server+'/bigScreenShow/page/bigDataOut/html/zidian.html?'
            console.log(url)
            var width = 1000 + 'px';
            var height = 600 + 'px';
                top.layer.open({
                    id: 'Lay_zidian',
                    type: 2,
                    title: false,
                    closeBtn: 0,
                    shade: 0.5,
                    shadeClose: true,
                    area: [width, height],
                    content: url
                })
        }
    }
})