|
|
@@ -47,13 +47,15 @@
|
|
|
</el-button>
|
|
|
</router-link>
|
|
|
<router-link :to="'/biobank/sampleRK'">
|
|
|
- <el-button type="primary" plain style="margin-right:5px;" size="mini" v-if="acc =='s5OVE' && permissions[permissionscode.rkapprove]">
|
|
|
+ <el-button type="primary" plain style="margin-right:5px;" size="mini"
|
|
|
+ v-if="acc =='sgVEw' && permissions[permissionscode.rkapprove]">
|
|
|
待审核入库
|
|
|
<span style="color:#0000FF">【{{usertotal.RKTotal}}】</span>
|
|
|
</el-button>
|
|
|
</router-link>
|
|
|
<router-link :to="'/biobank/sampleCK'">
|
|
|
- <el-button type="primary" plain style="margin-right:5px;" size="mini" v-if="acc =='s5OVE' && permissions[permissionscode.ckapprove]">
|
|
|
+ <el-button type="primary" plain style="margin-right:5px;" size="mini"
|
|
|
+ v-if="acc =='sgVEw' && permissions[permissionscode.ckapprove]">
|
|
|
待审核出库
|
|
|
<span style="color:#0000FF">【{{usertotal.CKTotal}}】</span>
|
|
|
</el-button>
|
|
|
@@ -61,7 +63,8 @@
|
|
|
</div>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
- <el-row :gutter="10" type="flex" justify="space-around" v-loading="downloading" element-loading-text="数据拼命读取中,请稍候。。。">
|
|
|
+ <el-row :gutter="10" type="flex" justify="space-around" v-loading="downloading"
|
|
|
+ element-loading-text="数据拼命读取中,请稍候。。。">
|
|
|
<!--样本统计-->
|
|
|
<el-col :span="12">
|
|
|
<el-card>
|
|
|
@@ -75,9 +78,9 @@
|
|
|
</el-select>
|
|
|
</span>
|
|
|
</div>
|
|
|
- <div v-if="tjzztitles.length === 0">无显示数据,可在
|
|
|
+ <div v-if="sampleTitle.length === 0">无显示数据,可在
|
|
|
<router-link :to="'/samples/prerecorded'">样本管理</router-link> 中录入样本</div>
|
|
|
- <div id="deviceChartPie" style="width:100%; height:366.5px;"></div>
|
|
|
+ <div id="SamplePie" style="width:100%; height:366.5px;"></div>
|
|
|
</el-card>
|
|
|
</el-col>
|
|
|
<!--容器数据统计-->
|
|
|
@@ -85,22 +88,25 @@
|
|
|
<el-card>
|
|
|
<div slot="header">容器数据统计</div>
|
|
|
<div style="overflow-x:scroll; overflow-y:hidden;">
|
|
|
- <div v-if="tjdevicex.length === 0">无显示数据,可在
|
|
|
+ <div v-if="EquipmentX.length === 0">无显示数据,可在
|
|
|
<router-link :to="'/equipment'">容器管理</router-link> 模块增加容器</div>
|
|
|
- <div id="deviceChartBar" style="height:380px;margin-left:-25px;margin-top:-30px;min-width:400px;" :style="{ width: usertotal.DeviceTotal * 30 + 'px' }"></div>
|
|
|
+ <div id="EquipmentBar" style="height:380px;margin-left:5px;margin-top:-30px;min-width:400px;"
|
|
|
+ :style="{ width: usertotal.DeviceTotal * 30 + 'px' }"></div>
|
|
|
</div>
|
|
|
</el-card>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<br>
|
|
|
- <el-row :gutter="10" type="flex" justify="space-around" v-loading="downloading" element-loading-text="数据拼命读取中,请稍候。。。">
|
|
|
+ <el-row :gutter="10" type="flex" justify="space-around" v-loading="downloading"
|
|
|
+ element-loading-text="数据拼命读取中,请稍候。。。">
|
|
|
<!--待审核入库统计-->
|
|
|
<el-col :span="12">
|
|
|
- <el-card class="box-card" v-if="acc =='s5OVE' && permissions[permissionscode.rkapprove]">
|
|
|
+ <el-card class="box-card waitlist" style="height: calc(100vh - 410px);"
|
|
|
+ v-if="acc =='sgVEw' && permissions[permissionscode.rkapprove]">
|
|
|
<div slot="header">
|
|
|
<i class="icon icon-paragraph-justify"> 待审核入库</i>
|
|
|
</div>
|
|
|
- <el-table :data="RKList">
|
|
|
+ <el-table :data="RKList" size="mini" height="calc(100vh - 470px)">
|
|
|
<el-table-column label="操作" width="70" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
<router-link :to="'/biobank/sampleRK/'+scope.row.Id+'/operation'">
|
|
|
@@ -124,9 +130,10 @@
|
|
|
</el-col>
|
|
|
<!--待审核出库统计-->
|
|
|
<el-col :span="12">
|
|
|
- <el-card v-if="acc =='s5OVE' && permissions[permissionscode.ckapprove]">
|
|
|
+ <el-card class="box-card waitlist" style="height: calc(100vh - 410px);"
|
|
|
+ v-if="acc =='sgVEw' && permissions[permissionscode.ckapprove]">
|
|
|
<div slot="header">待审核出库</div>
|
|
|
- <el-table :data="CKList">
|
|
|
+ <el-table :data="CKList" size="mini" height="calc(100vh - 470px)">
|
|
|
<el-table-column label="操作" width="70" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
<router-link :to="'/biobank/sampleCK/'+scope.row.Id+'/operation'">
|
|
|
@@ -171,8 +178,8 @@
|
|
|
cardHeight: 350,
|
|
|
topmenuoption: [24, 356, 14, 6, 123, 24, 222],
|
|
|
// 饼状图&柱状图
|
|
|
- deviceChartPie: null,
|
|
|
- deviceChartBar: null,
|
|
|
+ SamplePie: null,
|
|
|
+ EquipmentBar: null,
|
|
|
num: 0,
|
|
|
usertotal: {},
|
|
|
user: {
|
|
|
@@ -181,10 +188,10 @@
|
|
|
Realname: '',
|
|
|
host: ''
|
|
|
},
|
|
|
- tjzztitles: [],
|
|
|
- tjzzdata: [],
|
|
|
- tjdevicex: [],
|
|
|
- tjdevicey: [],
|
|
|
+ sampleTitle: [],
|
|
|
+ sampleData: [],
|
|
|
+ EquipmentX: [],
|
|
|
+ EquipmentY: [],
|
|
|
tjdevicecolor: [
|
|
|
'#6A5ACD', '#B5C334', '#FCCE10', '#E87C25', '#27727B', '#FE8463', '#9BCA63', '#FAD860', '#F3A43B',
|
|
|
'#60C0DD', '#E87C25', '#27727B', '#FE8463'
|
|
|
@@ -194,12 +201,12 @@
|
|
|
RKList: [],
|
|
|
CKList: [],
|
|
|
permissionscode: {
|
|
|
- rkapprove: 'cellbank.biobank.sampleRK.approve',
|
|
|
- ckapprove: 'cellbank.biobank.sampleCK.approve',
|
|
|
+ rkapprove: 'biobank.sampleRK.approve',
|
|
|
+ ckapprove: 'biobank.sampleCK.approve',
|
|
|
},
|
|
|
permissions: {
|
|
|
- 'cellbank.biobank.sampleRK.approve': false,
|
|
|
- 'cellbank.biobank.sampleCK.approve': false,
|
|
|
+ 'biobank.sampleRK.approve': false,
|
|
|
+ 'biobank.sampleCK.approve': false,
|
|
|
},
|
|
|
}
|
|
|
},
|
|
|
@@ -239,6 +246,7 @@
|
|
|
this.$axios.get('users/getaccountinfo', {})
|
|
|
.then(res => {
|
|
|
_this.usertotal = res.data
|
|
|
+ console.log("----------------", res.data)
|
|
|
_this.RKList = res.data.RKlist
|
|
|
_this.CKList = res.data.CKlist
|
|
|
_this.getBySampleType()
|
|
|
@@ -282,7 +290,7 @@
|
|
|
})
|
|
|
},
|
|
|
changePie() {
|
|
|
- this.tjzzdata = []
|
|
|
+ this.sampleData = []
|
|
|
this.getBySampleType()
|
|
|
},
|
|
|
// 统计样本总数的饼状图
|
|
|
@@ -307,15 +315,15 @@
|
|
|
res.data[i].Name = '未知'
|
|
|
}
|
|
|
if (i < 5) {
|
|
|
- _this.tjzztitles.push({
|
|
|
+ _this.sampleTitle.push({
|
|
|
name: res.data[i].Name
|
|
|
})
|
|
|
- _this.tjzzdata.push({
|
|
|
+ _this.sampleData.push({
|
|
|
name: res.data[i].Name,
|
|
|
value: res.data[i].Num
|
|
|
})
|
|
|
} else {
|
|
|
- _this.tjzzdata.push({
|
|
|
+ _this.sampleData.push({
|
|
|
name: res.data[i].Name,
|
|
|
value: res.data[i].Num
|
|
|
})
|
|
|
@@ -331,7 +339,7 @@
|
|
|
})
|
|
|
},
|
|
|
drawPieChart() {
|
|
|
- var chartPie = echarts.init(document.getElementById('deviceChartPie'))
|
|
|
+ var chartPie = echarts.init(document.getElementById('SamplePie'))
|
|
|
chartPie.setOption({
|
|
|
title: {
|
|
|
text: ''
|
|
|
@@ -345,19 +353,21 @@
|
|
|
left: 'right',
|
|
|
itemHeight: 20,
|
|
|
itemWidth: 20,
|
|
|
- data: this.tjzztitles
|
|
|
+ data: this.sampleTitle
|
|
|
},
|
|
|
- color: ['#D1EEEE', '#FFE1FF', '#FFA500', '#6A5ACD', '#D1EEEE', '#CAE1FF', '#C0FF3E', '#1E90FF', '#000080'],
|
|
|
+ color: ['#D1EEEE', '#FFE1FF', '#FFA500', '#6A5ACD', '#D1EEEE', '#CAE1FF', '#C0FF3E', '#1E90FF',
|
|
|
+ '#000080'
|
|
|
+ ],
|
|
|
series: [{
|
|
|
name: '样本类型',
|
|
|
type: 'pie',
|
|
|
- radius: '92%',
|
|
|
+ radius: ['30%', '80%'],
|
|
|
label: {
|
|
|
normal: {
|
|
|
show: false
|
|
|
}
|
|
|
},
|
|
|
- data: this.tjzzdata
|
|
|
+ data: this.sampleData
|
|
|
}]
|
|
|
})
|
|
|
},
|
|
|
@@ -374,19 +384,18 @@
|
|
|
if (i > 12) {
|
|
|
_this.tjdevicecolor.push(_this.tjdevicecolor[i % 12])
|
|
|
}
|
|
|
- _this.tjdevicex.push(res.data[i].Name)
|
|
|
- _this.tjdevicey.push(res.data[i].Num)
|
|
|
+ _this.EquipmentX.push(res.data[i].Name)
|
|
|
+ _this.EquipmentY.push(res.data[i].Num)
|
|
|
}
|
|
|
_this.drawBarChart()
|
|
|
})
|
|
|
.catch(err => {
|
|
|
- // handle error
|
|
|
console.error(err)
|
|
|
})
|
|
|
},
|
|
|
drawBarChart() {
|
|
|
let _this = this
|
|
|
- var chartBar = echarts.init(document.getElementById('deviceChartBar'))
|
|
|
+ var chartBar = echarts.init(document.getElementById('EquipmentBar'))
|
|
|
chartBar.setOption({
|
|
|
title: {
|
|
|
text: ''
|
|
|
@@ -395,14 +404,23 @@
|
|
|
trigger: 'item',
|
|
|
formatter: '({b}) {c}'
|
|
|
},
|
|
|
+ grid: {
|
|
|
+ left: '3%',
|
|
|
+ right: '4%',
|
|
|
+ bottom: '3%',
|
|
|
+ containLabel: true
|
|
|
+ },
|
|
|
xAxis: {
|
|
|
- data: this.tjdevicex,
|
|
|
- axisLabel: {
|
|
|
- interval: 0,
|
|
|
- rotate: 40
|
|
|
- }
|
|
|
+ type: 'category',
|
|
|
+ data: _this.EquipmentX,
|
|
|
+ // axisLabel: {
|
|
|
+ // interval: 0,
|
|
|
+ // rotate: 40
|
|
|
+ // }
|
|
|
+ },
|
|
|
+ yAxis: {
|
|
|
+ type: 'value'
|
|
|
},
|
|
|
- yAxis: {},
|
|
|
series: [{
|
|
|
name: '容器类型',
|
|
|
type: 'bar',
|
|
|
@@ -411,7 +429,8 @@
|
|
|
show: false
|
|
|
}
|
|
|
},
|
|
|
- data: this.tjdevicey,
|
|
|
+ data: _this.EquipmentY,
|
|
|
+ // data:[10, 52, 200, 334, 390, 330, 220],
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
color: function (params) {
|
|
|
@@ -440,7 +459,7 @@
|
|
|
|
|
|
</script>
|
|
|
|
|
|
-<style lang="css">
|
|
|
+<style lang="scss">
|
|
|
.avatar-index {
|
|
|
width: 45px;
|
|
|
height: 45px;
|
|
|
@@ -448,4 +467,9 @@
|
|
|
margin-bottom: -15px;
|
|
|
}
|
|
|
|
|
|
+ .waitlist .el-card__header {
|
|
|
+ padding: 5px 10px;
|
|
|
+ font-size: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
</style>
|