|
@@ -70,31 +70,39 @@
|
|
<div style="width: 60%;margin-right: 20px;">
|
|
<div style="width: 60%;margin-right: 20px;">
|
|
<div style="display: flex;" class="mb20">
|
|
<div style="display: flex;" class="mb20">
|
|
<div style="display: flex;align-items: center">
|
|
<div style="display: flex;align-items: center">
|
|
- <div style="margin-right: 10px;">当前维度</div>
|
|
|
|
- <el-select v-model="departmentSearch.rank_type" @change="depRankChange">
|
|
|
|
|
|
+ <el-select v-model="departmentSearch.rank_type" @change="depRankChange" style="width: 120px;">
|
|
<el-option v-for="(v,k) in departmentOptions.rankTypeArray" :key="k" :label="v.name" :value="v.type_id"></el-option>
|
|
<el-option v-for="(v,k) in departmentOptions.rankTypeArray" :key="k" :label="v.name" :value="v.type_id"></el-option>
|
|
</el-select>
|
|
</el-select>
|
|
|
|
+ <div style="margin-left: 10px;font-size: 16px;">共{{departmentSearch.total}}个{{rankName}}</div>
|
|
|
|
+ <el-pagination
|
|
|
|
+ @size-change="handleDepartmentSizeChange"
|
|
|
|
+ @current-change="handleDepartmentCurrentChange"
|
|
|
|
+ :current-page="departmentSearch.page"
|
|
|
|
+ :page-sizes="[10, 20, 30,50,100]"
|
|
|
|
+ :page-size="departmentSearch.size"
|
|
|
|
+ layout=" prev, pager, next,sizes"
|
|
|
|
+ :total="departmentSearch.total"
|
|
|
|
+ style="margin-left: 10px;"
|
|
|
|
+ >
|
|
|
|
+ </el-pagination>
|
|
</div>
|
|
</div>
|
|
<div style="margin-left: auto;">
|
|
<div style="margin-left: auto;">
|
|
<el-button @click="rankOrder" :icon="departmentSearch.rank_order == 2 ? 'el-icon-bottom':'el-icon-top'">{{rankOrderName}}</el-button>
|
|
<el-button @click="rankOrder" :icon="departmentSearch.rank_order == 2 ? 'el-icon-bottom':'el-icon-top'">{{rankOrderName}}</el-button>
|
|
<el-button icon="el-icon-download" @click="departmentRankExport">下载</el-button>
|
|
<el-button icon="el-icon-download" @click="departmentRankExport">下载</el-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <el-table :data="departmentOptions.tableList" :height="500">
|
|
|
|
|
|
+ <el-table :data="departmentOptions.tableList" >
|
|
<el-table-column v-for="(item,index) in rankTableFiled" :index="index" :prop="item.prop" :label="item.label" align="center" show-overflow-tooltip>
|
|
<el-table-column v-for="(item,index) in rankTableFiled" :index="index" :prop="item.prop" :label="item.label" align="center" show-overflow-tooltip>
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <span class="link" @click="blLink('/caseNumber?',scope.row.code)" style="color: #004983;" v-if="item.prop == 'bl_num'">
|
|
|
|
+ {{ scope.row.bl_num }}</span>
|
|
|
|
+ <span v-else-if="item.prop == 'qx_num'" class="link" @click="blLink('/defectNumber?',scope.row.code)" style="color: red;">{{ scope.row[item.prop] }}</span>
|
|
|
|
+ <span v-else>{{ scope.row[item.prop] }}</span>
|
|
|
|
+ </template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
- <el-pagination
|
|
|
|
- background
|
|
|
|
- @size-change="handleDepartmentSizeChange"
|
|
|
|
- @current-change="handleDepartmentCurrentChange"
|
|
|
|
- :current-page="departmentSearch.page"
|
|
|
|
- :page-size="departmentSearch.size"
|
|
|
|
- layout="total, prev, pager, next, jumper"
|
|
|
|
- :total="departmentSearch.total">
|
|
|
|
- </el-pagination>
|
|
|
|
</div>
|
|
</div>
|
|
- <div id="myChart1" style="width: 40%; height: 600px;margin-top: 10px;"></div>
|
|
|
|
|
|
+ <div id="myChart1" style="width: 40%;margin-top: 10px;" :style="'height:'+rankChartHeight+'px'"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
@@ -282,9 +290,9 @@ export default {
|
|
],
|
|
],
|
|
tableList:[],//列表数据
|
|
tableList:[],//列表数据
|
|
rankTypeArray:[//排名类型
|
|
rankTypeArray:[//排名类型
|
|
- {'type_id':1,'name':'院区','filed':'出院院区名称'},
|
|
|
|
- {'type_id':2,'name':'科室','filed':'出院科室名称'},
|
|
|
|
- {'type_id':3,'name':'病区','filed':'出院病区名称'},
|
|
|
|
|
|
+ {'type_id':1,'name':'院区维度','filedName':'出院院区名称','rankTitle':'院区','filed':'YQ_CODE'},
|
|
|
|
+ {'type_id':2,'name':'科室维度','filedName':'出院科室名称','rankTitle':'科室','filed':'KS_CODE'},
|
|
|
|
+ {'type_id':3,'name':'病区维度','filedName':'出院病区名称','rankTitle':'病区','filed':'BQ_CODE'},
|
|
],
|
|
],
|
|
rankOrderArray: [//排序
|
|
rankOrderArray: [//排序
|
|
{'id':1,'name':'升序'},
|
|
{'id':1,'name':'升序'},
|
|
@@ -295,7 +303,7 @@ export default {
|
|
departmentMyChart:{//科室排名图表
|
|
departmentMyChart:{//科室排名图表
|
|
tooltip: { trigger: 'axis', axisPointer: { type: 'shadow'}},
|
|
tooltip: { trigger: 'axis', axisPointer: { type: 'shadow'}},
|
|
legend: {},
|
|
legend: {},
|
|
- grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
|
|
|
|
|
|
+ grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true},
|
|
xAxis: { type: 'value', boundaryGap: [0, 0.01] },
|
|
xAxis: { type: 'value', boundaryGap: [0, 0.01] },
|
|
yAxis: { type: 'category', data: [] },
|
|
yAxis: { type: 'category', data: [] },
|
|
series: [
|
|
series: [
|
|
@@ -358,17 +366,27 @@ export default {
|
|
},
|
|
},
|
|
//科室排名排序
|
|
//科室排名排序
|
|
rankOrderName(){
|
|
rankOrderName(){
|
|
|
|
+ console.log('123');
|
|
return this.departmentOptions.rankOrderArray.find(item => item.id === this.departmentSearch.rank_order).name
|
|
return this.departmentOptions.rankOrderArray.find(item => item.id === this.departmentSearch.rank_order).name
|
|
},
|
|
},
|
|
//计算当前排名的所属维度
|
|
//计算当前排名的所属维度
|
|
rankName(){
|
|
rankName(){
|
|
- return this.departmentOptions.rankTypeArray.find(item => item.type_id === this.departmentSearch.rank_type).name
|
|
|
|
|
|
+ return this.departmentOptions.rankTypeArray.find(item => item.type_id === this.departmentSearch.rank_type).rankTitle;
|
|
},
|
|
},
|
|
//计算科室排名显示的出院科室名称还是出院院区名称
|
|
//计算科室排名显示的出院科室名称还是出院院区名称
|
|
rankTableFiled(){
|
|
rankTableFiled(){
|
|
- let filed = this.departmentOptions.rankTypeArray.find(item => item.type_id === this.departmentSearch.rank_type).filed
|
|
|
|
|
|
+ let filed = this.departmentOptions.rankTypeArray.find(item => item.type_id === this.departmentSearch.rank_type).filedName
|
|
this.departmentOptions.tableField[1]['label'] = filed;
|
|
this.departmentOptions.tableField[1]['label'] = filed;
|
|
return this.departmentOptions.tableField;
|
|
return this.departmentOptions.tableField;
|
|
|
|
+ },
|
|
|
|
+ //计算科室排名图表高度
|
|
|
|
+ rankChartHeight(){
|
|
|
|
+ //let height = this.departmentOptions.tableList.length * 48 + 100;
|
|
|
|
+ return this.departmentOptions.tableList.length * 48 + 100;
|
|
|
|
+ },
|
|
|
|
+ rankGotFiled(){
|
|
|
|
+ let xx = this.departmentOptions.rankTypeArray.find(item => item.type_id === this.departmentSearch.rank_type).filed;
|
|
|
|
+ return this.departmentOptions.rankTypeArray.find(item => item.type_id === this.departmentSearch.rank_type).filed;
|
|
}
|
|
}
|
|
|
|
|
|
},
|
|
},
|
|
@@ -471,6 +489,22 @@ export default {
|
|
},
|
|
},
|
|
//region 科室排名===
|
|
//region 科室排名===
|
|
//下载
|
|
//下载
|
|
|
|
+ blLink(url,value){
|
|
|
|
+ let rank_type = this.departmentSearch.rank_type;
|
|
|
|
+ let filed = "";
|
|
|
|
+ switch (rank_type){
|
|
|
|
+ case 1:
|
|
|
|
+ filed = "YQ_CODE";
|
|
|
|
+ break;
|
|
|
|
+ case 2:
|
|
|
|
+ filed = "KS_CODE";
|
|
|
|
+ break;
|
|
|
|
+ case 3:
|
|
|
|
+ filed = "BQ_CODE";
|
|
|
|
+ break;
|
|
|
|
+ }
|
|
|
|
+ this.goto(url+filed+'='+value);
|
|
|
|
+ },
|
|
departmentRankExport(){
|
|
departmentRankExport(){
|
|
let params = Object.assign({},this.departmentSearch,this.formData);
|
|
let params = Object.assign({},this.departmentSearch,this.formData);
|
|
getDepartmentRankExport(params).then(res=>{
|
|
getDepartmentRankExport(params).then(res=>{
|
|
@@ -526,7 +560,7 @@ export default {
|
|
},
|
|
},
|
|
//科室排名图表
|
|
//科室排名图表
|
|
getDepartmentMyChart(){
|
|
getDepartmentMyChart(){
|
|
- // 销毁上一次实例
|
|
|
|
|
|
+ //销毁上一次实例
|
|
echarts.init(document.getElementById('myChart1')).dispose();
|
|
echarts.init(document.getElementById('myChart1')).dispose();
|
|
// 构建新实例
|
|
// 构建新实例
|
|
let myChart = echarts.init(document.getElementById('myChart1'));
|
|
let myChart = echarts.init(document.getElementById('myChart1'));
|