From bf8f2e146ad928f1d05b14403e334e3a24cc136e Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期四, 16 五月 2024 15:07:36 +0800
Subject: [PATCH] 11
---
src/views/project/indexstatistics/index.vue | 1043 ++++++++++++++++++++++++++++++++-------------------------
1 files changed, 593 insertions(+), 450 deletions(-)
diff --git a/src/views/project/indexstatistics/index.vue b/src/views/project/indexstatistics/index.vue
index 44853f7..5bc9909 100644
--- a/src/views/project/indexstatistics/index.vue
+++ b/src/views/project/indexstatistics/index.vue
@@ -2,12 +2,12 @@
<div class="app-container" style="background-color: #f2f2f2; color: #fff">
<el-card shadow="always" style="color: #566f94">
<el-row :gutter="8">
- <el-col :span="6">
+ <el-col :span="8">
<el-date-picker
v-model="selecttime"
type="monthrange"
range-separator="鑷�"
- start-placeholder="寮�濮嬫湀浠�"
+ start-placeholder="寮�濮嬫湀浠斤紙榛樿鏈勾搴︼級"
end-placeholder="缁撴潫鏈堜唤"
value-format="yyyy-MM-dd"
@change="getTimeList"
@@ -57,213 +57,373 @@
</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: 18px; font-weight: bold; margin-top: 10px"
>
- <!-- params: {
+ <el-col :span="6">
+ <router-link
+ :to="{
+ name: 'Donatebaseinfo',
+ params: {
+ starttime: starttime,
+ endtime: 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" /> 娼滃湪鎹愮尞绱锛歿{
+ donateNumData.numberOfDonate
+ }} 渚�
+ </el-card>
+ </router-link>
+ </el-col>
+ <el-col :span="6">
+ <router-link
+ :to="{
+ name: 'Medicalevaluation',
+ params: {
+ starttime: starttime,
+ endtime: 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" /> 瀹屾垚鍖诲璇勪及绱锛歿{
+ donateNumData.numberOfMedicalEvaluation
+ }} 渚�
+ </el-card>
+ </router-link>
+ </el-col>
+ <el-col :span="6">
+ <router-link
+ :to="{
+ name: 'Relativesconfirmation',
+ params: {
+ starttime: starttime,
+ endtime: 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" />
+ 瀹屾垚浜插睘纭绱锛歿{
+ donateNumData.numberOfRelativeConfirmation
+ }} 渚�
+ </el-card>
+ </router-link>
+ </el-col>
+ <el-col :span="6">
+ <router-link
+ :to="{
+ name: 'EthicalReview',
+ params: {
+ starttime: starttime,
+ endtime: 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" />
+ 瀹屾垚浼︾悊瀹℃煡绱锛歿{
+ 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">
+ <el-card shadow="always" style="color: #566f94">
+ <svg-icon icon-class="druid" /> 瀹屾垚鍣ㄥ畼鍒嗛厤绱锛歿{
+ donateNumData.numberOfDonatePeople
+ }} 涓�
+ <!-- donateNumData.numberOfOrgans -->
+ </el-card>
+ </el-col>
+ <el-col :span="6">
+ <router-link
+ :to="{
+ name: 'Donationwitness',
+ params: {
+ starttime: starttime,
+ endtime: 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" /> 瀹屾垚鑾峰彇瑙佽瘉绱锛歿{
+ donateNumData.numberOfWitness
+ }} 渚�
+ </el-card>
+ </router-link>
+ </el-col>
+ <el-col :span="6">
+ <router-link
+ :to="{
+ name: 'Donatefinish',
+ params: {
+ starttime: starttime,
+ endtime: 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" /> 鎹愮尞瀹屾垚绱锛歿{
+ donateNumData.numberOfCompletion
+ }} 渚�
+ </el-card>
+ </router-link>
+ </el-col>
+ <el-col :span="6">
+ <router-link
+ @click.native="closeBaseInfoTab"
+ :to="{
+ name: 'Donatebaseinfo',
+ params: {
+ starttime: starttime,
+ endtime: 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" /> 鎹愮尞缁堟绱锛歿{
+ 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 />
+ {{ (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 />
+ {{ (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 />
+ {{ (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:
+ {{ (qualirtData.dbddonateRate * 100).toFixed(2) }}%
+ </el-col>
+ <el-col :span="8" style="text-align: center">
+ DCD:
+ {{ (qualirtData.dcddonateRate * 100).toFixed(2) }}%
+ </el-col>
+ <el-col :span="8" style="text-align: center">
+ DBCD:
+ {{ (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>
+ {{
+ (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>
+ {{ (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 />
+ {{ (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
+ ><br />
+ {{ (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 />
+ {{ (qualirtData.totalPNFRate * 100).toFixed(2) }}%
+ </el-col>
+ <el-col :span="6" style="text-align: center">
+ DBD<br />
+ {{ (qualirtData.dbdpnfrate * 100).toFixed(2) }}%
+ </el-col>
+ <el-col :span="6" style="text-align: center">
+ DCD<br />
+ {{ (qualirtData.dcdpnfrate * 100).toFixed(2) }}%
+ </el-col>
+ <el-col :span="6" style="text-align: center">
+ DBCD<br />
+ {{ (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 />{{
+ (qualirtData.totalDGFRate * 100).toFixed(2)
+ }}%
+ </el-col>
+ <el-col :span="6" style="text-align: center">
+ DBD<br />{{
+ (qualirtData.dbddgfrate * 100).toFixed(2)
+ }}%
+ </el-col>
+ <el-col :span="6" style="text-align: center">
+ DCD<br />{{
+ (qualirtData.dcddgfrate * 100).toFixed(2)
+ }}%
+ </el-col>
+ <el-col :span="6" style="text-align: center">
+ DBCD<br />{{
+ (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 +441,93 @@
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-col> -->
+ </el-col>
+ </el-row>
+ </div>
+ <div style="width: 24%; margin-top: 10px; padding-left: 10px; ">
<el-card
- shadow="always"
- style="padding: 0; font-weight: bold; height: 640px"
- ref="statisticsCard"
+ class="box-card"
+ style="padding: 0; font-weight: bold; height: 780px; "
>
- <el-row style="margin-bottom: 20px">
+ <div slot="header" class="clearfix">
<span style="font-size: 18px; color: #566f94; font-weight: bold"
- >鏈勾搴︽寚鏍囨暟鎹垎鏋�</span
+ >娑堟伅鍒楄〃</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-button
+ v-if="ReadState == 1"
+ style="float: right; padding: 6px "
+ type="danger"
+ plain
+ @click="FnReadState"
+ >鏌ョ湅鏈娑堟伅</el-button
+ >
+ <el-button
+ v-else
+ style="float: right; padding: 6px "
+ type="info"
+ plain
+ @click="FnReadState"
+ >鏌ョ湅宸茶娑堟伅</el-button
+ >
+ </div>
+ <div style="height: 606px;overflow: auto;">
+ <el-table :data="tableData" v-loading="loading" style="width: 100%">
+ <el-table-column label="閫氱煡鏃ユ湡">
+ <template slot-scope="scope">
+ <i class="el-icon-time"></i>
+ <span style="margin-left: 10px">{{
+ scope.row.createTime
+ }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column label="姒傝">
+ <template slot-scope="scope">
+ <el-popover trigger="hover" placement="top">
+ <div class="dialog-class" style="margin: 20px;">
+ <div>{{ scope.row.messagecontent }}</div>
+ <div style=" height: 100px;margin-top: 40px;">
+ <span>{{ "澶勭悊浜猴細" + scope.row.sendusername }}</span>
+ <div>{{ "澶勭悊鏃堕棿锛�" + scope.row.updateTime }}</div>
+ </div>
+ <div style="text-align: right; ; margin: 0">
+ <el-button
+ type="primary"
+ size="mini"
+ @click="clickMessageDetailed(scope.row)"
+ >纭畾</el-button
+ >
+ </div>
+ </div>
+ <div slot="reference" class="name-wrapper">
+ <el-tag size="medium">{{
+ scope.row.messagetitle
+ }}</el-tag>
+ </div>
+ </el-popover>
+ </template>
+ </el-table-column>
+ <el-table-column label="鐘舵��" align="center" prop="paystatus">
+ <template slot-scope="scope">
+ <dict-tag
+ :options="dict.type.sys_messagestatus"
+ :value="scope.row.isread"
+ />
+ </template>
+ </el-table-column>
+ </el-table>
+ </div>
+
+ <pagination
+ v-show="total > 0"
+ :total="total"
+ :page.sync="searchData.pageNum"
+ :limit.sync="searchData.pageSize"
+ @pagination="GetMessageList"
+ />
</el-card>
- </el-col>
- </el-row>
+ </div>
+ </div>
</div>
</template>
@@ -469,7 +539,7 @@
delMedicalevaluation,
addMedicalevaluation,
updateMedicalevaluation,
- exportMedicalevaluation,
+ exportMedicalevaluation
} from "@/api/project/medicalevaluation";
import {
listRelativesconfirmation,
@@ -481,7 +551,7 @@
// exportRelativesconfirmation,
updatedonatorno,
updateDonateNumber,
- downloadconfirmationinfo,
+ downloadconfirmationinfo
} from "@/api/project/relativesconfirmation";
import {
listEthicalreviewopinions,
@@ -489,7 +559,7 @@
delEthicalreviewopinions,
addEthicalreviewopinions,
updateEthicalreviewopinions,
- listnewEthicalreviewopinions,
+ listnewEthicalreviewopinions
} from "@/api/project/ethicalreviewopinions";
import {
getByInfoId,
@@ -499,7 +569,7 @@
addDonationwitness,
updateDonationwitness,
listnewDonationwitness,
- downloadwitnessinfo,
+ downloadwitnessinfo
} from "@/api/project/donationwitness";
import {
getDonatecompletioninfo,
@@ -507,7 +577,7 @@
addDonatecompletioninfo,
updateDonatecompletioninfo,
listDonatecompletioninfo,
- downloadcompletioninfo,
+ downloadcompletioninfo
} from "@/api/project/donatecompletioninfo";
import { listOrganallocation } from "@/api/project/organallocation";
@@ -524,8 +594,15 @@
getOrgansOfHospital,
getNumberOfOrgan,
getOrgansOfHospitalByMonth,
- getDonateorganSum,
+ getDonateorganSum
} from "@/api/project/donateorgan";
+import { getUserProfile } from "@/api/system/user";
+import {
+ listSystemmessageList,
+ listSystemmessageCount,
+ updateSystemmessage
+} from "@/api/project/message";
+
import Li_area_select from "@/components/Address";
const DEF_TABLE_CONFIG = {
@@ -533,22 +610,23 @@
oddRowBGC: "#f9f9f9",
evenRowBGC: "white",
columnWidth: [150, 300, 30, 10, 30],
- rowNum: 14,
+ rowNum: 14
};
export default {
name: "home",
+ dicts: ["sys_messagestatus"],
components: {
RankChart,
OrganNumChart,
- Li_area_select,
+ Li_area_select
},
props: {},
data() {
return {
city: "",
reportno: "",
- selecttime: [],
+ selecttime: [ new Date(new Date().getFullYear(), 0),new Date()],
year: "閫夋嫨骞翠唤",
isloading: false,
maxHeight: 0,
@@ -564,9 +642,20 @@
{ label: "琛㈠窞甯�", value: "8" },
{ label: "鑸熷北甯�", value: "9" },
{ label: "鍙板窞甯�", value: "A" },
- { label: "涓芥按甯�", value: "B" },
+ { label: "涓芥按甯�", value: "B" }
],
+ ReadState: 1,
+ searchData: {
+ del_flag: 0,
+ receiveuserno: "",
+ isread: null,
+ pageNum: 1,
+ pageSize: 10
+ },
+ total: 0,
+ loading: false,
value: "",
+ userID: "",
//鏃堕棿閫夐」
timeoption: "",
//璧峰鏃堕棿
@@ -579,91 +668,102 @@
key: "heart",
name: "蹇冭剰",
value: 0,
- code: "C38",
+ code: "C38"
},
{
key: "fullLiver",
- name: "鍏ㄨ倽",
+ name: "鑲濊剰",
value: 0,
- code: "C22",
+ code: "C22"
},
- {
- key: "leftLiver",
- name: "宸﹁倽",
- value: 0,
- code: "C22L",
- },
- {
- key: "rightLiver",
- name: "鍙宠倽",
- value: 0,
- 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: "閬椾綋",
// value: 0,
// },
+ ],
+ tableData: [
+ {
+ date: "2016-05-02",
+ name: "鐜嬪皬铏�",
+ address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�"
+ },
+ {
+ date: "2016-05-04",
+ name: "鐜嬪皬铏�",
+ address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1517 寮�"
+ },
+ {
+ date: "2016-05-01",
+ name: "鐜嬪皬铏�",
+ address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1519 寮�"
+ },
+ {
+ date: "2016-05-03",
+ name: "鐜嬪皬铏�",
+ address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1516 寮�"
+ }
],
//缁熻鎸囨爣鏁版嵁
qualirtData: {
@@ -693,7 +793,7 @@
//鍣ㄥ畼鍒╃敤鐜�
organUsedRate: 0,
totalDGFRate: 0,
- totalPNFRate: 0,
+ totalPNFRate: 0
},
//鎹愮尞绱鏁伴噺
donateNumData: {
@@ -712,23 +812,24 @@
//鑾峰彇瑙佽瘉鏁伴噺
numberOfWitness: 0,
//缁堟鏁伴噺
- numberOfTerminated: 0,
+ numberOfTerminated: 0
},
config: {
- ...DEF_TABLE_CONFIG,
+ ...DEF_TABLE_CONFIG
},
reportlist: [],
reportervalue: "",
searchAddress: {
sheng: "娴欐睙鐪�",
shi: "",
- qu: "",
- },
+ qu: ""
+ }
};
},
// listnewEthicalreviewopinions
created() {
// this.listnewMedicalevaluation()
+ this.GetUser();
},
mounted() {
this.$nextTick(() => {
@@ -742,7 +843,53 @@
},
methods: {
getprovincedata() {},
-
+ GetUser() {
+ this.loading = true;
+ getUserProfile()
+ .then(res => {
+ this.searchData.receiveuserno = res.data.userName;
+ this.GetMessageList();
+ })
+ .catch(error => {
+ this.$message.error(error);
+ });
+ },
+ GetMessageList() {
+ listSystemmessageList(this.searchData).then(res => {
+ if (res.code == 200) {
+ this.tableData = res.rows;
+ this.loading = false;
+ this.total = res.total;
+ }
+ });
+ },
+ // 纭畾宸茶
+ clickMessageDetailed(item) {
+ let data = item;
+ if (data.isread == 0) {
+ item.isread = 1;
+ updateSystemmessage(item)
+ .then(res => {
+ this.$message.success("宸茶");
+ this.GetMessageList();
+ })
+ .catch(error => {});
+ } else {
+ this.$message.info("姝ゆ秷鎭凡璇�");
+ }
+ },
+ // 鍒囨崲璇诲彇鐘舵��
+ FnReadState() {
+ if (this.ReadState == 1) {
+ this.searchData.isread = 0;
+ this.ReadState = 0;
+ this.GetMessageList();
+ } else {
+ this.searchData.isread = 1;
+ this.ReadState = 1;
+ this.GetMessageList();
+ }
+ },
get_unix_time(dateStr) {
var newstr = dateStr.replace(/-/g, "/");
var date = new Date(newstr);
@@ -752,7 +899,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 +989,7 @@
let param = {
starttime: this.starttime,
endtime: this.endtime,
- city: this.city,
+ city: this.city
// repoterno:'015'
};
@@ -850,7 +997,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++) {
@@ -861,12 +1008,11 @@
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;
}
-
}
});
},
@@ -884,10 +1030,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 {
@@ -903,7 +1049,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(),
@@ -958,10 +1104,8 @@
// : "";
let info = {
- pageNum: 1,
- pageSize: 10,
starttime: this.starttime,
- endtime: this.endtime,
+ endtime: this.endtime
// residenceprovince: this.$refs.areaSelect.getSheng(),
// residencecity: this.$refs.areaSelect.getShi(),
@@ -975,50 +1119,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) => {
+ info.terminationCase = 1;
+ 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
});
});
@@ -1039,7 +1183,7 @@
// this.endtime = new Date(this.endtime).getTime()
let param = {
starttime: this.starttime,
- endtime: this.endtime,
+ endtime: this.endtime
// city:'1',
// repoterno:'015'
};
@@ -1051,14 +1195,14 @@
}
// getOrgansOfHospital
// getOrgansOfHospitalByMonth
- getOrgansOfHospitalByMonth(param).then((response) => {
+ getOrgansOfHospitalByMonth(param).then(response => {
if (response.code == 200) {
let newConfig = {
- ...DEF_TABLE_CONFIG,
+ ...DEF_TABLE_CONFIG
};
let arr = response.data;
let dataList = [];
- dataList = response.data.map((item) => {
+ dataList = response.data.map(item => {
let li = [];
li.push(
item.month == null
@@ -1102,10 +1246,10 @@
// const obj = { path: "/organ/donatebaseinfo", name: "Donatebaseinfo" };
// console.log(this.$tab)
// this.$tab.closePage(obj);
- },
+ }
},
computed: {},
- watch: {},
+ watch: {}
};
</script>
@@ -1184,4 +1328,3 @@
// background-color: #282c34;
}
</style>
-
--
Gitblit v1.9.3