From 2d87371edd24a1b2b25bf8c33bccceb988038758 Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期五, 08 三月 2024 14:12:03 +0800
Subject: [PATCH] 11
---
src/views/project/indexstatistics/index.vue | 905 +++++++++++++++++++++++++++++---------------------------
1 files changed, 464 insertions(+), 441 deletions(-)
diff --git a/src/views/project/indexstatistics/index.vue b/src/views/project/indexstatistics/index.vue
index c3b03a1..f6057db 100644
--- a/src/views/project/indexstatistics/index.vue
+++ b/src/views/project/indexstatistics/index.vue
@@ -57,213 +57,403 @@
</el-col>
</el-row>
</el-card>
-
- <el-row
- :gutter="10"
- style="font-size: 18px; font-weight: bold; margin-top: 10px"
- >
- <el-col :span="6">
- <router-link
- :to="{
- name: 'Donatebaseinfo',
- params: {
- starttime: this.starttime,
- endtime: this.endtime,
- tempRecordState: '',
- reporterno: reportervalue,
- shen: searchAddress.shen,
- shi: searchAddress.shi,
- qu: searchAddress.qu,
- city: city,
- },
- }"
+ <div style="display: flex;">
+ <div style="width: 76%;">
+ <el-row
+ :gutter="10"
+ style="font-size: 16px; font-weight: bold; margin-top: 10px"
>
- <!-- params: {
+ <el-col :span="6">
+ <router-link
+ :to="{
+ name: 'Donatebaseinfo',
+ params: {
+ starttime: this.starttime,
+ endtime: this.endtime,
+ tempRecordState: '',
+ reporterno: reportervalue,
+ shen: searchAddress.shen,
+ shi: searchAddress.shi,
+ qu: searchAddress.qu,
+ city: city
+ }
+ }"
+ >
+ <!-- params: {
tempRecordState: 0,
}, -->
- <!-- @click="tobaseinfo0" -->
- <el-card shadow="always" style="color: #566f94">
- <svg-icon icon-class="user" /> 娼滃湪鎹愮尞绱锛歿{
- this.donateNumData.numberOfDonate
- }} 渚�
- </el-card>
- </router-link>
- </el-col>
- <el-col :span="6">
- <router-link
- :to="{
- name: 'Medicalevaluation',
- params: {
- starttime: this.starttime,
- endtime: this.endtime,
- tempRecordState: '',
- reporterno: reportervalue,
- shen: searchAddress.shen,
- shi: searchAddress.shi,
- qu: searchAddress.qu,
- city: city,
- },
- }"
+ <!-- @click="tobaseinfo0" -->
+ <el-card shadow="always" style="color: #566f94">
+ <svg-icon icon-class="user" /> 娼滃湪鎹愮尞绱锛歿{
+ this.donateNumData.numberOfDonate
+ }} 渚�
+ </el-card>
+ </router-link>
+ </el-col>
+ <el-col :span="6">
+ <router-link
+ :to="{
+ name: 'Medicalevaluation',
+ params: {
+ starttime: this.starttime,
+ endtime: this.endtime,
+ tempRecordState: '',
+ reporterno: reportervalue,
+ shen: searchAddress.shen,
+ shi: searchAddress.shi,
+ qu: searchAddress.qu,
+ city: city
+ }
+ }"
+ >
+ <el-card
+ shadow="always"
+ style="color: #566f94"
+ @click="Tomedicalevalua"
+ >
+ <svg-icon icon-class="tool" /> 瀹屾垚鍖诲璇勪及绱锛歿{
+ this.donateNumData.numberOfMedicalEvaluation
+ }} 渚�
+ </el-card>
+ </router-link>
+ </el-col>
+ <el-col :span="6">
+ <router-link
+ :to="{
+ name: 'Relativesconfirmation',
+ params: {
+ starttime: this.starttime,
+ endtime: this.endtime,
+ tempRecordState: '',
+ reporterno: reportervalue,
+ shen: searchAddress.shen,
+ shi: searchAddress.shi,
+ qu: searchAddress.qu,
+ city: city
+ }
+ }"
+ >
+ <el-card shadow="always" style="color: #566f94">
+ <svg-icon icon-class="checkbox" />
+ 瀹屾垚浜插睘纭绱锛歿{
+ this.donateNumData.numberOfRelativeConfirmation
+ }} 渚�
+ </el-card>
+ </router-link>
+ </el-col>
+ <el-col :span="6">
+ <router-link
+ :to="{
+ name: 'EthicalReview',
+ params: {
+ starttime: this.starttime,
+ endtime: this.endtime,
+ tempRecordState: '',
+ reporterno: reportervalue,
+ shen: searchAddress.shen,
+ shi: searchAddress.shi,
+ qu: searchAddress.qu,
+ city: city
+ }
+ }"
+ >
+ <el-card shadow="always" style="color: #566f94">
+ <svg-icon icon-class="education" />
+ 瀹屾垚浼︾悊瀹℃煡绱锛歿{
+ this.donateNumData.numberOfEthicalReview
+ }} 渚�
+ </el-card>
+ </router-link>
+ </el-col>
+ </el-row>
+ <el-row
+ :gutter="10"
+ style="margin-top: 10px; font-size: 18px; font-weight: bold"
>
- <el-card
- shadow="always"
- style="color: #566f94"
- @click="Tomedicalevalua"
- >
- <svg-icon icon-class="tool" /> 瀹屾垚鍖诲璇勪及绱锛歿{
- this.donateNumData.numberOfMedicalEvaluation
- }} 渚�
- </el-card>
- </router-link>
- </el-col>
- <el-col :span="6">
- <router-link
- :to="{
- name: 'Relativesconfirmation',
- params: {
- starttime: this.starttime,
- endtime: this.endtime,
- tempRecordState: '',
- reporterno: reportervalue,
- shen: searchAddress.shen,
- shi: searchAddress.shi,
- qu: searchAddress.qu,
- city: city,
- },
- }"
- >
- <el-card shadow="always" style="color: #566f94">
- <svg-icon icon-class="checkbox" /> 瀹屾垚浜插睘纭绱锛歿{
- this.donateNumData.numberOfRelativeConfirmation
- }} 渚�
- </el-card>
- </router-link>
- </el-col>
- <el-col :span="6">
- <router-link
- :to="{
- name: 'EthicalReview',
- params: {
- starttime: this.starttime,
- endtime: this.endtime,
- tempRecordState: '',
- reporterno: reportervalue,
- shen: searchAddress.shen,
- shi: searchAddress.shi,
- qu: searchAddress.qu,
- city: city,
- },
- }"
- >
- <el-card shadow="always" style="color: #566f94">
- <svg-icon icon-class="education" /> 瀹屾垚浼︾悊瀹℃煡绱锛歿{
- this.donateNumData.numberOfEthicalReview
- }} 渚�
- </el-card>
- </router-link>
- </el-col>
- </el-row>
- <el-row
- :gutter="10"
- style="margin-top: 10px; font-size: 18px; font-weight: bold"
- >
- <el-col :span="6">
- <router-link
- :to="{
- name: 'Organallocation',
- params: {
- starttime: this.starttime,
- endtime: this.endtime,
- tempRecordState: '',
- reporterno: reportervalue,
- shen: searchAddress.shen,
- shi: searchAddress.shi,
- qu: searchAddress.qu,
- city: city,
- },
- }"
- >
- <el-card shadow="always" style="color: #566f94">
- <svg-icon icon-class="druid" /> 瀹屾垚鍣ㄥ畼鍒嗛厤绱锛歿{
- this.donateNumData.numberOfDonatePeople
- }} 涓�
- <!-- this.donateNumData.numberOfOrgans -->
- </el-card>
- </router-link>
- </el-col>
- <el-col :span="6">
- <router-link
- :to="{
- name: 'Donationwitness',
- params: {
- starttime: this.starttime,
- endtime: this.endtime,
- tempRecordState: '',
- reporterno: reportervalue,
- shen: searchAddress.shen,
- shi: searchAddress.shi,
- qu: searchAddress.qu,
- city: city,
- },
- }"
- >
- <el-card shadow="always" style="color: #566f94">
- <svg-icon icon-class="job" /> 瀹屾垚鑾峰彇瑙佽瘉绱锛歿{
- this.donateNumData.numberOfWitness
- }} 渚�
- </el-card>
- </router-link>
- </el-col>
- <el-col :span="6">
- <router-link
- :to="{
- name: 'Donatefinish',
- params: {
- starttime: this.starttime,
- endtime: this.endtime,
- tempRecordState: '',
- reporterno: reportervalue,
- shen: searchAddress.shen,
- shi: searchAddress.shi,
- qu: searchAddress.qu,
- city: city,
- },
- }"
- >
- <el-card shadow="always" style="color: #566f94">
- <svg-icon icon-class="lock" /> 鎹愮尞瀹屾垚绱锛歿{
- this.donateNumData.numberOfCompletion
- }} 渚�
- </el-card>
- </router-link>
- </el-col>
- <el-col :span="6">
- <router-link
- @click.native="closeBaseInfoTab"
- :to="{
- name: 'Donatebaseinfo',
- params: {
- starttime: this.starttime,
- endtime: this.endtime,
- tempRecordState: 99,
- reporterno: reportervalue,
- shen: searchAddress.shen,
- shi: searchAddress.shi,
- qu: searchAddress.qu,
- city: city,
- },
- }"
- >
- <el-card shadow="always" style="color: #566f94">
- <svg-icon icon-class="lock" /> 鎹愮尞缁堟绱锛歿{
- this.donateNumData.numberOfTerminated
- }} 渚�
- </el-card>
- </router-link>
- </el-col>
- </el-row>
- <el-row style="margin-top: 10px" :gutter="5">
- <el-col :span="7">
+ <el-col :span="6">
+ <router-link
+ :to="{
+ name: 'Organallocation',
+ params: {
+ starttime: this.starttime,
+ endtime: this.endtime,
+ tempRecordState: '',
+ reporterno: reportervalue,
+ shen: searchAddress.shen,
+ shi: searchAddress.shi,
+ qu: searchAddress.qu,
+ city: city
+ }
+ }"
+ >
+ <el-card shadow="always" style="color: #566f94">
+ <svg-icon icon-class="druid" /> 瀹屾垚鍣ㄥ畼鍒嗛厤绱锛歿{
+ this.donateNumData.numberOfDonatePeople
+ }} 涓�
+ <!-- this.donateNumData.numberOfOrgans -->
+ </el-card>
+ </router-link>
+ </el-col>
+ <el-col :span="6">
+ <router-link
+ :to="{
+ name: 'Donationwitness',
+ params: {
+ starttime: this.starttime,
+ endtime: this.endtime,
+ tempRecordState: '',
+ reporterno: reportervalue,
+ shen: searchAddress.shen,
+ shi: searchAddress.shi,
+ qu: searchAddress.qu,
+ city: city
+ }
+ }"
+ >
+ <el-card shadow="always" style="color: #566f94">
+ <svg-icon icon-class="job" /> 瀹屾垚鑾峰彇瑙佽瘉绱锛歿{
+ this.donateNumData.numberOfWitness
+ }} 渚�
+ </el-card>
+ </router-link>
+ </el-col>
+ <el-col :span="6">
+ <router-link
+ :to="{
+ name: 'Donatefinish',
+ params: {
+ starttime: this.starttime,
+ endtime: this.endtime,
+ tempRecordState: '',
+ reporterno: reportervalue,
+ shen: searchAddress.shen,
+ shi: searchAddress.shi,
+ qu: searchAddress.qu,
+ city: city
+ }
+ }"
+ >
+ <el-card shadow="always" style="color: #566f94">
+ <svg-icon icon-class="lock" /> 鎹愮尞瀹屾垚绱锛歿{
+ this.donateNumData.numberOfCompletion
+ }} 渚�
+ </el-card>
+ </router-link>
+ </el-col>
+ <el-col :span="6">
+ <router-link
+ @click.native="closeBaseInfoTab"
+ :to="{
+ name: 'Donatebaseinfo',
+ params: {
+ starttime: this.starttime,
+ endtime: this.endtime,
+ tempRecordState: 99,
+ reporterno: reportervalue,
+ shen: searchAddress.shen,
+ shi: searchAddress.shi,
+ qu: searchAddress.qu,
+ city: city
+ }
+ }"
+ >
+ <el-card shadow="always" style="color: #566f94">
+ <svg-icon icon-class="lock" /> 鎹愮尞缁堟绱锛歿{
+ this.donateNumData.numberOfTerminated
+ }} 渚�
+ </el-card>
+ </router-link>
+ </el-col>
+ </el-row>
+ <el-row style="margin-top: 10px; " :gutter="5">
+ <el-col :span="12">
+ <el-card
+ shadow="always"
+ style="padding: 0; font-weight: bold; height: 640px"
+ ref="statisticsCard"
+ >
+ <el-row style="margin-bottom: 20px">
+ <span style="font-size: 18px; color: #566f94; font-weight: bold"
+ >鏈勾搴︽寚鏍囨暟鎹垎鏋�</span
+ >
+ </el-row>
+ <el-row :gutter="3">
+ <el-col :span="8" style="text-align: center">
+ <el-card
+ shadow="always"
+ style="padding: 0; margin: 0; width: 100%; color: #566f94"
+ >
+ 鍣ㄥ畼鎹愮尞杞寲鐜�<br />
+ {{
+ (this.qualirtData.donateTransferRate * 100).toFixed(2)
+ }}%
+ </el-card>
+ </el-col>
+ <el-col :span="8" style="text-align: center">
+ <el-card
+ shadow="always"
+ style="padding: 0; margin: 0; width: 100%; color: #566f94"
+ >
+ 骞冲潎鍣ㄥ畼浜у嚭鐜�<br />
+ {{
+ (this.qualirtData.organProductionRate * 100).toFixed(2)
+ }}%
+ </el-card>
+ </el-col>
+ <el-col :span="8" style="text-align: center">
+ <el-card
+ shadow="always"
+ style="padding: 0; margin: 0; width: 100%; color: #566f94"
+ >
+ 鑾峰彇鍣ㄥ畼鍒╃敤鐜�<br />
+ {{ (this.qualirtData.organUsedRate * 100).toFixed(2) }}%
+ </el-card>
+ </el-col>
+ </el-row>
+ <el-row :gutter="3" style="margin-top: 5px">
+ <el-col :span="24" style="text-align: center">
+ <el-card shadow="always" style="padding: 0; color: #566f94">
+ <el-row> 鍣ㄥ畼鎹愮尞鍒嗙被鍗犳瘮 </el-row>
+ <el-row :gutter="10" style="margin-top: 10px">
+ <el-col :span="8" style="text-align: center"
+ >DBD:
+ {{ (this.qualirtData.dbddonateRate * 100).toFixed(2) }}%
+ </el-col>
+ <el-col :span="8" style="text-align: center">
+ DCD:
+ {{ (this.qualirtData.dcddonateRate * 100).toFixed(2) }}%
+ </el-col>
+ <el-col :span="8" style="text-align: center">
+ DBCD:
+ {{
+ (this.qualirtData.dbcddonateRate * 100).toFixed(2)
+ }}%
+ </el-col>
+ </el-row>
+ </el-card>
+ </el-col>
+ </el-row>
+ <el-row :gutter="3" style="margin-top: 5px">
+ <el-col :span="12" style="text-align: center; color: #566f94">
+ <el-card
+ shadow="always"
+ style="padding: 0; margin: 0; width: 100%; color: #566f94"
+ >
+ <el-row>
+ <span style="font-size: 14px"> 鑾峰彇鍓嶆椿妫�鐜�</span>
+ </el-row>
+ {{
+ (this.qualirtData.organBeforeGetCheckRate * 100).toFixed(
+ 2
+ )
+ }}%
+ </el-card>
+ </el-col>
+ <el-col :span="12" style="text-align: center">
+ <el-card
+ shadow="always"
+ style="padding: 0; margin: 0; width: 100%; color: #566f94"
+ >
+ <el-row>
+ <span style="font-size: 14px">鑾峰彇鍚庢椿妫�鐜�</span>
+ </el-row>
+ {{
+ (this.qualirtData.organAfterGetCheckRate * 100).toFixed(
+ 2
+ )
+ }}%
+ </el-card>
+ </el-col>
+ </el-row>
+ <el-row :gutter="3" style="margin-top: 5px">
+ <el-col :span="12" style="text-align: center">
+ <el-card
+ shadow="always"
+ style="padding: 0; margin: 0; width: 100%; color: #566f94"
+ >
+ <span style="font-size: 14px">杈圭紭渚涘櫒瀹樻瘮鐜�</span><br />
+ {{ (this.qualirtData.marginOrganRate * 100).toFixed(2) }}%
+ </el-card>
+ </el-col>
+ <el-col :span="12" style="text-align: center">
+ <el-card
+ shadow="always"
+ style="padding: 0; margin: 0; width: 100%; color: #566f94"
+ >
+ <span style="font-size: 14px"
+ >鍣ㄥ畼淇濆瓨娑茬梾鍘熻弻鍩瑰吇闃虫�х巼</span
+ >
+ {{ (this.qualirtData.germPositiveRate * 100).toFixed(2) }}%
+ </el-card>
+ </el-col>
+ </el-row>
+ <el-row :gutter="3" style="margin-top: 5px">
+ <el-col :span="24" style="text-align: center">
+ <el-card shadow="always" style="padding: 0; color: #566f94">
+ <el-row> 绉绘鍣ㄥ畼鍘熷彂鎬ф棤鍔熻兘鍙戠敓鐜� </el-row>
+ <el-row :gutter="10" style="margin-top: 10px">
+ <el-row>
+ <el-col :span="6" style="text-align: center">
+ 鎬诲彂鐢熺巼<br />
+ {{
+ (this.qualirtData.totalPNFRate * 100).toFixed(2)
+ }}%
+ </el-col>
+ <el-col :span="6" style="text-align: center">
+ DBD<br />
+ {{ (this.qualirtData.dbdpnfrate * 100).toFixed(2) }}%
+ </el-col>
+ <el-col :span="6" style="text-align: center">
+ DCD<br />
+ {{ (this.qualirtData.dcdpnfrate * 100).toFixed(2) }}%
+ </el-col>
+ <el-col :span="6" style="text-align: center">
+ DBCD<br />
+ {{ (this.qualirtData.dbcdpnfrate * 100).toFixed(2) }}%
+ </el-col>
+ </el-row>
+ </el-row>
+ </el-card>
+ </el-col>
+ </el-row>
+ <el-row :gutter="3" style="margin-top: 5px">
+ <el-col :span="24" style="text-align: center">
+ <el-card shadow="always" style="padding: 0; color: #566f94">
+ <el-row> 绉绘鍣ㄥ畼鏈悗鍔熻兘寤惰繜鎬ф仮澶嶅彂鐢熺巼 </el-row>
+ <el-row :gutter="10" style="margin-top: 10px">
+ <el-row>
+ <el-col :span="6" style="text-align: center">
+ 鎬诲彂鐢熺巼<br />{{
+ (this.qualirtData.totalDGFRate * 100).toFixed(2)
+ }}%
+ </el-col>
+ <el-col :span="6" style="text-align: center">
+ DBD<br />{{
+ (this.qualirtData.dbddgfrate * 100).toFixed(2)
+ }}%
+ </el-col>
+ <el-col :span="6" style="text-align: center">
+ DCD<br />{{
+ (this.qualirtData.dcddgfrate * 100).toFixed(2)
+ }}%
+ </el-col>
+ <el-col :span="6" style="text-align: center">
+ DBCD<br />{{
+ (this.qualirtData.dbcddgfrate * 100).toFixed(2)
+ }}%
+ </el-col>
+ </el-row>
+ </el-row>
+ </el-card>
+ </el-col>
+ </el-row>
+ </el-card>
+ </el-col>
+ <el-col :span="12">
+ <el-card shadow="always" style="height: 640px" ref="organChartCard">
+ <OrganNumChart :cdata="organData" />
+ </el-card>
+ <!-- <el-col :span="7">
<el-card shadow="always" style="height: 640px" ref="orgNumberCard">
<el-row style="margin-bottom: 20px">
<el-col :span="14">
@@ -281,183 +471,24 @@
style="width: 100%; height: 540px"
/>
</el-card>
- </el-col>
- <el-col :span="9">
- <el-card shadow="always" style="height: 640px" ref="organChartCard">
- <OrganNumChart :cdata="organData" />
- </el-card>
- </el-col>
- <el-col :span="8">
- <el-card
- shadow="always"
- style="padding: 0; font-weight: bold; height: 640px"
- ref="statisticsCard"
- >
- <el-row style="margin-bottom: 20px">
- <span style="font-size: 18px; color: #566f94; font-weight: bold"
- >鏈勾搴︽寚鏍囨暟鎹垎鏋�</span
+ </el-col> -->
+ </el-col>
+ </el-row>
+ </div>
+ <div style="width: 24%; margin-top: 10px; padding-left: 10px;">
+ <el-card class="box-card" style="padding: 0; font-weight: bold; height: 780px">
+ <div slot="header" class="clearfix">
+ <span style="font-size: 18px; color: #566f94; font-weight: bold">娑堟伅鍒楄〃</span>
+ <el-button style="float: right; padding: 3px 0" type="text"
+ >鍏ㄩ儴宸茶</el-button
>
- </el-row>
- <el-row :gutter="3">
- <el-col :span="8" style="text-align: center">
- <el-card
- shadow="always"
- style="padding: 0; margin: 0; width: 100%; color: #566f94"
- >
- 鍣ㄥ畼鎹愮尞杞寲鐜�<br />
- {{ (this.qualirtData.donateTransferRate * 100).toFixed(2) }}%
- </el-card>
- </el-col>
- <el-col :span="8" style="text-align: center">
- <el-card
- shadow="always"
- style="padding: 0; margin: 0; width: 100%; color: #566f94"
- >
- 骞冲潎鍣ㄥ畼浜у嚭鐜�<br />
- {{ (this.qualirtData.organProductionRate * 100).toFixed(2) }}%
- </el-card>
- </el-col>
- <el-col :span="8" style="text-align: center">
- <el-card
- shadow="always"
- style="padding: 0; margin: 0; width: 100%; color: #566f94"
- >
- 鑾峰彇鍣ㄥ畼鍒╃敤鐜�<br />
- {{ (this.qualirtData.organUsedRate * 100).toFixed(2) }}%
- </el-card>
- </el-col>
- </el-row>
- <el-row :gutter="3" style="margin-top: 5px">
- <el-col :span="24" style="text-align: center">
- <el-card shadow="always" style="padding: 0; color: #566f94">
- <el-row> 鍣ㄥ畼鎹愮尞鍒嗙被鍗犳瘮 </el-row>
- <el-row :gutter="10" style="margin-top: 10px">
- <el-col :span="8" style="text-align: center"
- >DBD:
- {{ (this.qualirtData.dbddonateRate * 100).toFixed(2) }}%
- </el-col>
- <el-col :span="8" style="text-align: center">
- DCD:
- {{ (this.qualirtData.dcddonateRate * 100).toFixed(2) }}%
- </el-col>
- <el-col :span="8" style="text-align: center">
- DBCD:
- {{ (this.qualirtData.dbcddonateRate * 100).toFixed(2) }}%
- </el-col>
- </el-row>
- </el-card>
- </el-col>
- </el-row>
- <el-row :gutter="3" style="margin-top: 5px">
- <el-col :span="12" style="text-align: center; color: #566f94">
- <el-card
- shadow="always"
- style="padding: 0; margin: 0; width: 100%; color: #566f94"
- >
- <el-row>
- <span style="font-size: 14px"> 鑾峰彇鍓嶆椿妫�鐜�</span>
- </el-row>
- {{
- (this.qualirtData.organBeforeGetCheckRate * 100).toFixed(2)
- }}%
- </el-card>
- </el-col>
- <el-col :span="12" style="text-align: center">
- <el-card
- shadow="always"
- style="padding: 0; margin: 0; width: 100%; color: #566f94"
- >
- <el-row>
- <span style="font-size: 14px">鑾峰彇鍚庢椿妫�鐜�</span>
- </el-row>
- {{
- (this.qualirtData.organAfterGetCheckRate * 100).toFixed(2)
- }}%
- </el-card>
- </el-col>
-
- </el-row>
- <el-row :gutter="3" style="margin-top: 5px">
- <el-col :span="12" style="text-align: center">
- <el-card
- shadow="always"
- style="padding: 0; margin: 0; width: 100%; color: #566f94"
- >
- <span style="font-size: 14px">杈圭紭渚涘櫒瀹樻瘮鐜�</span><br />
- {{ (this.qualirtData.marginOrganRate * 100).toFixed(2) }}%
- </el-card>
- </el-col>
- <el-col :span="12" style="text-align: center">
- <el-card
- shadow="always"
- style="padding: 0; margin: 0; width: 100%; color: #566f94"
- >
- <span style="font-size: 14px">鍣ㄥ畼淇濆瓨娑茬梾鍘熻弻鍩瑰吇闃虫�х巼</span>
- {{ (this.qualirtData.germPositiveRate * 100).toFixed(2) }}%
- </el-card>
- </el-col>
- </el-row>
- <el-row :gutter="3" style="margin-top: 5px">
- <el-col :span="24" style="text-align: center">
- <el-card shadow="always" style="padding: 0; color: #566f94">
- <el-row> 绉绘鍣ㄥ畼鍘熷彂鎬ф棤鍔熻兘鍙戠敓鐜� </el-row>
- <el-row :gutter="10" style="margin-top: 10px">
- <el-row>
- <el-col :span="6" style="text-align: center">
- 鎬诲彂鐢熺巼<br />
- {{ (this.qualirtData.totalPNFRate * 100).toFixed(2) }}%
- </el-col>
- <el-col :span="6" style="text-align: center">
- DBD<br />
- {{ (this.qualirtData.dbdpnfrate * 100).toFixed(2) }}%
- </el-col>
- <el-col :span="6" style="text-align: center">
- DCD<br />
- {{ (this.qualirtData.dcdpnfrate * 100).toFixed(2) }}%
- </el-col>
- <el-col :span="6" style="text-align: center">
- DBCD<br />
- {{ (this.qualirtData.dbcdpnfrate * 100).toFixed(2) }}%
- </el-col>
- </el-row>
- </el-row>
- </el-card>
- </el-col>
- </el-row>
- <el-row :gutter="3" style="margin-top: 5px">
- <el-col :span="24" style="text-align: center">
- <el-card shadow="always" style="padding: 0; color: #566f94">
- <el-row> 绉绘鍣ㄥ畼鏈悗鍔熻兘寤惰繜鎬ф仮澶嶅彂鐢熺巼 </el-row>
- <el-row :gutter="10" style="margin-top: 10px">
- <el-row>
- <el-col :span="6" style="text-align: center">
- 鎬诲彂鐢熺巼<br />{{
- (this.qualirtData.totalDGFRate * 100).toFixed(2)
- }}%
- </el-col>
- <el-col :span="6" style="text-align: center">
- DBD<br />{{
- (this.qualirtData.dbddgfrate * 100).toFixed(2)
- }}%
- </el-col>
- <el-col :span="6" style="text-align: center">
- DCD<br />{{
- (this.qualirtData.dcddgfrate * 100).toFixed(2)
- }}%
- </el-col>
- <el-col :span="6" style="text-align: center">
- DBCD<br />{{
- (this.qualirtData.dbcddgfrate * 100).toFixed(2)
- }}%
- </el-col>
- </el-row>
- </el-row>
- </el-card>
- </el-col>
- </el-row>
+ </div>
+ <div v-for="o in 4" :key="o" class="text item">
+ {{ "鍒楄〃鍐呭 " + o }}
+ </div>
</el-card>
- </el-col>
- </el-row>
+ </div>
+ </div>
</div>
</template>
@@ -469,7 +500,7 @@
delMedicalevaluation,
addMedicalevaluation,
updateMedicalevaluation,
- exportMedicalevaluation,
+ exportMedicalevaluation
} from "@/api/project/medicalevaluation";
import {
listRelativesconfirmation,
@@ -481,7 +512,7 @@
// exportRelativesconfirmation,
updatedonatorno,
updateDonateNumber,
- downloadconfirmationinfo,
+ downloadconfirmationinfo
} from "@/api/project/relativesconfirmation";
import {
listEthicalreviewopinions,
@@ -489,7 +520,7 @@
delEthicalreviewopinions,
addEthicalreviewopinions,
updateEthicalreviewopinions,
- listnewEthicalreviewopinions,
+ listnewEthicalreviewopinions
} from "@/api/project/ethicalreviewopinions";
import {
getByInfoId,
@@ -499,7 +530,7 @@
addDonationwitness,
updateDonationwitness,
listnewDonationwitness,
- downloadwitnessinfo,
+ downloadwitnessinfo
} from "@/api/project/donationwitness";
import {
getDonatecompletioninfo,
@@ -507,7 +538,7 @@
addDonatecompletioninfo,
updateDonatecompletioninfo,
listDonatecompletioninfo,
- downloadcompletioninfo,
+ downloadcompletioninfo
} from "@/api/project/donatecompletioninfo";
import { listOrganallocation } from "@/api/project/organallocation";
@@ -524,7 +555,7 @@
getOrgansOfHospital,
getNumberOfOrgan,
getOrgansOfHospitalByMonth,
- getDonateorganSum,
+ getDonateorganSum
} from "@/api/project/donateorgan";
import Li_area_select from "@/components/Address";
@@ -533,7 +564,7 @@
oddRowBGC: "#f9f9f9",
evenRowBGC: "white",
columnWidth: [150, 300, 30, 10, 30],
- rowNum: 14,
+ rowNum: 14
};
export default {
@@ -541,7 +572,7 @@
components: {
RankChart,
OrganNumChart,
- Li_area_select,
+ Li_area_select
},
props: {},
data() {
@@ -564,7 +595,7 @@
{ label: "琛㈠窞甯�", value: "8" },
{ label: "鑸熷北甯�", value: "9" },
{ label: "鍙板窞甯�", value: "A" },
- { label: "涓芥按甯�", value: "B" },
+ { label: "涓芥按甯�", value: "B" }
],
value: "",
//鏃堕棿閫夐」
@@ -579,86 +610,86 @@
key: "heart",
name: "蹇冭剰",
value: 0,
- code: "C38",
+ code: "C38"
},
{
key: "fullLiver",
name: "鍏ㄨ倽",
value: 0,
- code: "C22",
+ code: "C22"
},
{
key: "leftLiver",
name: "宸﹁倽",
value: 0,
- code: "C22L",
+ code: "C22L"
},
{
key: "rightLiver",
name: "鍙宠倽",
value: 0,
- code: "C22R",
+ code: "C22R"
},
{
key: "leftRenal",
name: "宸﹁偩",
value: 0,
- code: "C64L",
+ code: "C64L"
},
{
key: "rightRenal",
name: "鍙宠偩",
value: 0,
- code: "C64R",
+ code: "C64R"
},
{
key: "fullLung",
name: "鍏ㄨ偤",
value: 0,
- code: "C34",
+ code: "C34"
},
{
key: "leftLung",
name: "宸﹁偤",
value: 0,
- code: "C34L",
+ code: "C34L"
},
{
key: "rightLung",
name: "鍙宠偤",
value: 0,
- code: "C34R",
+ code: "C34R"
},
{
key: "",
name: "灏忚偁",
value: 0,
- code: "C17",
+ code: "C17"
},
{
key: "",
name: "鑳拌吅",
value: 0,
- code: "C25",
+ code: "C25"
},
{
key: "leftEye",
name: "宸︾溂鑶�",
value: 0,
- code: "C69L",
+ code: "C69L"
},
{
key: "rightEye",
name: "鍙崇溂鑶�",
value: 0,
- code: "C69R",
+ code: "C69R"
},
{
key: "",
name: "鍏跺畠",
value: 0,
- code: "C01",
- },
+ code: "C01"
+ }
// {
// key: "body",
// name: "閬椾綋",
@@ -693,7 +724,7 @@
//鍣ㄥ畼鍒╃敤鐜�
organUsedRate: 0,
totalDGFRate: 0,
- totalPNFRate: 0,
+ totalPNFRate: 0
},
//鎹愮尞绱鏁伴噺
donateNumData: {
@@ -712,18 +743,18 @@
//鑾峰彇瑙佽瘉鏁伴噺
numberOfWitness: 0,
//缁堟鏁伴噺
- numberOfTerminated: 0,
+ numberOfTerminated: 0
},
config: {
- ...DEF_TABLE_CONFIG,
+ ...DEF_TABLE_CONFIG
},
reportlist: [],
reportervalue: "",
searchAddress: {
sheng: "娴欐睙鐪�",
shi: "",
- qu: "",
- },
+ qu: ""
+ }
};
},
// listnewEthicalreviewopinions
@@ -752,7 +783,7 @@
resetArr(Arr) {
var hash = {};
- Arr = Arr.reduce(function (arr, current) {
+ Arr = Arr.reduce(function(arr, current) {
hash[current.reporterno]
? ""
: (hash[current.reporterno] = true && arr.push(current));
@@ -842,7 +873,7 @@
let param = {
starttime: this.starttime,
endtime: this.endtime,
- city: this.city,
+ city: this.city
// repoterno:'015'
};
@@ -850,7 +881,7 @@
if (this.reportervalue != "") {
param.reporterno = this.reportervalue;
}
- getDonateorganSum(param).then((response) => {
+ getDonateorganSum(param).then(response => {
/*
let list = this.organData.map((item) => item);
for (let i = 0; i < list.length; i++) {
@@ -858,16 +889,14 @@
}
this.organData = list;
*/
- debugger;
let list = response.data;
for (let i = 0; i < this.organData.length; i++) {
let ii = list.findIndex(
- (item) => item.organNo == this.organData[i].code
+ item => item.organNo == this.organData[i].code
);
- if(ii > -1){
+ if (ii > -1) {
this.organData[i].value = list[ii].count;
}
-
}
});
},
@@ -885,10 +914,10 @@
let param = {
starttime: this.starttime,
endtime: this.endtime,
- city: this.city,
+ city: this.city
// repoterno:'015'
};
- getOrgansQuality(param).then((response) => {
+ getOrgansQuality(param).then(response => {
if (response.code == 200) {
this.qualirtData = response.data;
} else {
@@ -904,7 +933,7 @@
starttime: this.starttime,
endtime: this.endtime,
reportno: this.reportervalue,
- city: this.city,
+ city: this.city
// residenceprovince: this.$refs.areaSelect.getSheng(),
// residencecity: this.$refs.areaSelect.getShi(),
// residencetown: this.$refs.areaSelect.getQu(),
@@ -962,7 +991,7 @@
pageNum: 1,
pageSize: 10,
starttime: this.starttime,
- endtime: this.endtime,
+ endtime: this.endtime
// residenceprovince: this.$refs.areaSelect.getSheng(),
// residencecity: this.$refs.areaSelect.getShi(),
@@ -976,50 +1005,50 @@
}
//娼滃湪鎹愮尞
- listDonatebaseinfo(info).then((res) => {
+ listDonatebaseinfo(info).then(res => {
this.donateNumData.numberOfDonate = res.total;
});
//鍖诲璇勪及
- listnewMedicalevaluation(info).then((res) => {
+ listnewMedicalevaluation(info).then(res => {
this.donateNumData.numberOfMedicalEvaluation = res.total;
}),
//浜插睘纭
- listnewRelativesconfirmation(info).then((res) => {
+ listnewRelativesconfirmation(info).then(res => {
this.donateNumData.numberOfRelativeConfirmation = res.total;
});
//浼︾悊瀹℃煡
- listnewEthicalreviewopinions(info).then((res) => {
+ listnewEthicalreviewopinions(info).then(res => {
this.donateNumData.numberOfEthicalReview = res.total;
}),
//鍣ㄥ畼鎹愮尞
- listOrganallocation(info).then((res) => {
+ listOrganallocation(info).then(res => {
this.donateNumData.numberOfDonatePeople = res.total;
});
//鑾峰彇瑙佽瘉
- listnewDonationwitness(info).then((res) => {
+ listnewDonationwitness(info).then(res => {
this.donateNumData.numberOfWitness = res.total;
});
- listnewDonatecompletioninfo(info).then((res) => {
+ listnewDonatecompletioninfo(info).then(res => {
this.donateNumData.numberOfCompletion = res.total;
});
//缁堟
info.recordstate = "99";
- listDonatebaseinfo(info).then((res) => {
+ listDonatebaseinfo(info).then(res => {
this.donateNumData.numberOfTerminated = res.total;
});
- listDonatebaseinfo({}).then((res) => {
+ listDonatebaseinfo({}).then(res => {
let list = res.rows;
let reportlist = [];
reportlist.push({ reporterno: "", reportername: "鍏ㄩ儴" });
- list.forEach((element) => {
+ list.forEach(element => {
reportlist.push({
reporterno: element.reporterno,
- reportername: element.reportername,
+ reportername: element.reportername
});
});
@@ -1040,7 +1069,7 @@
// this.endtime = new Date(this.endtime).getTime()
let param = {
starttime: this.starttime,
- endtime: this.endtime,
+ endtime: this.endtime
// city:'1',
// repoterno:'015'
};
@@ -1052,17 +1081,14 @@
}
// getOrgansOfHospital
// getOrgansOfHospitalByMonth
- getOrgansOfHospitalByMonth(param).then((response) => {
- // debugger
-
+ getOrgansOfHospitalByMonth(param).then(response => {
if (response.code == 200) {
let newConfig = {
- ...DEF_TABLE_CONFIG,
+ ...DEF_TABLE_CONFIG
};
let arr = response.data;
let dataList = [];
- debugger
- dataList = response.data.map((item) => {
+ dataList = response.data.map(item => {
let li = [];
li.push(
item.month == null
@@ -1095,7 +1121,6 @@
return li;
});
newConfig.data = dataList;
- debugger
this.config = newConfig;
}
});
@@ -1105,13 +1130,12 @@
closeBaseInfoTab() {
// 鍏抽棴鎸囧畾椤电
// const obj = { path: "/organ/donatebaseinfo", name: "Donatebaseinfo" };
- // debugger
// console.log(this.$tab)
// this.$tab.closePage(obj);
- },
+ }
},
computed: {},
- watch: {},
+ watch: {}
};
</script>
@@ -1190,4 +1214,3 @@
// background-color: #282c34;
}
</style>
-
--
Gitblit v1.9.3