|
@ -1,52 +1,45 @@
|
|
|
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>\
|
|
|
<template>\
|
|
|
<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>\
|
|
|
<span>机构等级:</span> \
|
|
|
<el-select v-model="level" placeholder="请选择" @change="selectChange">\
|
|
|
<el-option v-for="item in level_id" :key="item.code" :label="item.name" :value="item.code">\
|
|
|
</el-option>\
|
|
|
</el-select>\
|
|
|
<el-select v-model="hos" placeholder="请选择">\
|
|
|
<el-option v-for="item in hos_hierarchy" :key="item.code" :label="item.name" :value="item.code">\
|
|
|
</el-option>\
|
|
|
</el-select>\
|
|
|
<el-date-picker v-model="value4" type="month" placeholder="选择时间">\
|
|
|
</el-date-picker>\
|
|
|
<div class="search" @click="searchClick">搜 索</div>\
|
|
|
<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="姓名">\
|
|
|
</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="EHR_000045" 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" \
|
|
@ -57,7 +50,7 @@ Vue.component('comB', {
|
|
|
:total="total">\
|
|
|
</el-pagination>\
|
|
|
</template>\
|
|
|
</div> ',
|
|
|
</div>',
|
|
|
data: function () {
|
|
|
return {
|
|
|
currentPage: 1, //初始页
|
|
@ -65,29 +58,74 @@ Vue.component('comB', {
|
|
|
pageSizeArr: [10, 20, 30, 50],
|
|
|
tableData: [],
|
|
|
total: 0,
|
|
|
value: '门急诊',
|
|
|
item:'',
|
|
|
items:'',
|
|
|
eventType: '0',
|
|
|
item: '',
|
|
|
hosLevel: '',
|
|
|
option: [],
|
|
|
options: [{
|
|
|
value: '1',
|
|
|
label: '门急诊'
|
|
|
level: "",
|
|
|
hos: "",
|
|
|
value4:'2018-08',
|
|
|
event_type: [{
|
|
|
"code": '0',
|
|
|
"name": '门急诊'
|
|
|
}, {
|
|
|
value: '2',
|
|
|
label: '住院'
|
|
|
"code": '1',
|
|
|
"name": '住院'
|
|
|
}],
|
|
|
value4: '',
|
|
|
|
|
|
hos_hierarchy: [{
|
|
|
"code": '',
|
|
|
"name": '全部'
|
|
|
}, {
|
|
|
"code": "1",
|
|
|
"name": '甲等'
|
|
|
}, {
|
|
|
"code": "2",
|
|
|
"name": '乙等'
|
|
|
}, {
|
|
|
"code": "3",
|
|
|
"name": '丙等'
|
|
|
}],
|
|
|
level_id: [{
|
|
|
"code": "",
|
|
|
"name": '全部',
|
|
|
}, {
|
|
|
"code": "1",
|
|
|
"name": '一级'
|
|
|
}, {
|
|
|
"code": "2",
|
|
|
"name": '二级'
|
|
|
}, {
|
|
|
"code": "3",
|
|
|
"name": '三级'
|
|
|
},
|
|
|
]
|
|
|
}
|
|
|
},
|
|
|
watch: {
|
|
|
|
|
|
},
|
|
|
mounted: function () {
|
|
|
this.getData()
|
|
|
},
|
|
|
methods: {
|
|
|
handleClick(row) {
|
|
|
handleClick: function (row) {
|
|
|
console.log(row);
|
|
|
},
|
|
|
selectChange(value) {
|
|
|
console.log(value);
|
|
|
if(value==3){
|
|
|
this.hos_hierarchy.push({'code':'9',"name": '特等'})
|
|
|
this.hos=''
|
|
|
}else{
|
|
|
if(this.level.code==3){
|
|
|
this.hos=''
|
|
|
}else{
|
|
|
this.hos=''
|
|
|
var vm=this.hos_hierarchy[0].code
|
|
|
console.log(vm)
|
|
|
this.hos_hierarchy.splice(4)
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
handleCurrentChange: function (val) { //page 当前页
|
|
|
this.currentPage = val;
|
|
|
this.getData()
|
|
@ -96,6 +134,13 @@ Vue.component('comB', {
|
|
|
this.pageSize = val;
|
|
|
this.initData()
|
|
|
},
|
|
|
searchClick: function () {
|
|
|
console.log(this.eventType)
|
|
|
console.log(this.level)
|
|
|
console.log(this.hos)
|
|
|
this.initData()
|
|
|
|
|
|
},
|
|
|
initData: function () { //初始化数据
|
|
|
this.currentPage = 1;
|
|
|
this.getData()
|
|
@ -103,20 +148,25 @@ Vue.component('comB', {
|
|
|
getData: function () {
|
|
|
var vm = this;
|
|
|
var params = {
|
|
|
month: '2018-08',
|
|
|
eventType: 0,
|
|
|
hosLevel: this.hosLevel,
|
|
|
hosHierarchy: this.hosHierarchy,
|
|
|
month: this.value4,
|
|
|
eventType: this.eventType,
|
|
|
hosLevel: this.level,
|
|
|
hosHierarchy:this.hos,
|
|
|
size: 15,
|
|
|
page: 1,
|
|
|
}
|
|
|
debugger
|
|
|
GlobalEventBus.$emit('setLoading', {
|
|
|
loading: true
|
|
|
});
|
|
|
bigDataOutApi.getHighCostList(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');
|
|
|
|
|
|
})
|
|
|
}
|
|
|
}
|