<template>
|
<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-date-picker
|
v-model="selecttime"
|
type="monthrange"
|
range-separator="至"
|
start-placeholder="开始月份"
|
end-placeholder="结束月份"
|
value-format="yyyy-MM-dd"
|
@change="getTimeList"
|
style="width: 100%"
|
>
|
</el-date-picker>
|
</el-col>
|
<el-col :span="6">
|
<el-select
|
style="width: 100%"
|
v-model="reportervalue"
|
placeholder="请选择报告人"
|
>
|
<el-option
|
v-for="item in reportlist"
|
:key="item.index"
|
:label="item.reportername"
|
:value="item.reporterno"
|
>
|
</el-option>
|
</el-select>
|
</el-col>
|
<el-col :span="6">
|
<el-select
|
v-model="city"
|
placeholder="请选择所属地市"
|
@change="getprovincedata"
|
style="width: 100%"
|
>
|
<el-option
|
v-for="item in provinceData"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option>
|
</el-select>
|
</el-col>
|
<el-col :span="2">
|
<el-button
|
type="primary"
|
@click="selectdatas"
|
icon="el-icon-search"
|
style="margin-left: 10px"
|
>搜索</el-button
|
>
|
</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,
|
},
|
}"
|
>
|
<!-- 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,
|
},
|
}"
|
>
|
<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-card shadow="always" style="height: 640px" ref="orgNumberCard">
|
<el-row style="margin-bottom: 20px">
|
<el-col :span="14">
|
<span style="font-size: 18px; color: #566f94; font-weight: bold"
|
>各地区医院案例数据</span
|
>
|
</el-col>
|
|
</el-row>
|
<el-row>
|
|
</el-row>
|
<dv-scroll-board
|
:config="config"
|
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-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-row>
|
</div>
|
</template>
|
|
<script>
|
import {
|
listMedicalevaluation,
|
listnewMedicalevaluation, //通过VO获取
|
getMedicalevaluation,
|
delMedicalevaluation,
|
addMedicalevaluation,
|
updateMedicalevaluation,
|
exportMedicalevaluation,
|
} from "@/api/project/medicalevaluation";
|
import {
|
listRelativesconfirmation,
|
getRelativesconfirmation,
|
delRelativesconfirmation,
|
addRelativesconfirmation,
|
updateRelativesconfirmation,
|
listnewRelativesconfirmation,
|
// exportRelativesconfirmation,
|
updatedonatorno,
|
updateDonateNumber,
|
downloadconfirmationinfo,
|
} from "@/api/project/relativesconfirmation";
|
import {
|
listEthicalreviewopinions,
|
getEthicalreviewopinions,
|
delEthicalreviewopinions,
|
addEthicalreviewopinions,
|
updateEthicalreviewopinions,
|
listnewEthicalreviewopinions,
|
} from "@/api/project/ethicalreviewopinions";
|
import {
|
getByInfoId,
|
listDonationwitness,
|
getDonationwitness,
|
delDonationwitness,
|
addDonationwitness,
|
updateDonationwitness,
|
listnewDonationwitness,
|
downloadwitnessinfo,
|
} from "@/api/project/donationwitness";
|
import {
|
getDonatecompletioninfo,
|
listnewDonatecompletioninfo,
|
addDonatecompletioninfo,
|
updateDonatecompletioninfo,
|
listDonatecompletioninfo,
|
downloadcompletioninfo,
|
} from "@/api/project/donatecompletioninfo";
|
|
import { listOrganallocation } from "@/api/project/organallocation";
|
|
import RankChart from "./components/rankbarchart";
|
import OrganNumChart from "./components/organnumchart";
|
import { listDonatebaseinfo } from "@/api/project/donatebaseinfo";
|
import dayjs from "dayjs";
|
import {
|
getOrgansQuality,
|
getAllOrganInfo,
|
getDonateNumber,
|
getcountByRecordState,
|
getOrgansOfHospital,
|
getNumberOfOrgan,
|
getOrgansOfHospitalByMonth,
|
getDonateorganSum,
|
} from "@/api/project/donateorgan";
|
import Li_area_select from "@/components/Address";
|
|
const DEF_TABLE_CONFIG = {
|
data: [],
|
oddRowBGC: "#f9f9f9",
|
evenRowBGC: "white",
|
columnWidth: [150, 300, 30, 10, 30],
|
rowNum: 14,
|
};
|
|
export default {
|
name: "home",
|
components: {
|
RankChart,
|
OrganNumChart,
|
Li_area_select,
|
},
|
props: {},
|
data() {
|
return {
|
city: "",
|
reportno: "",
|
selecttime: [],
|
year: "选择年份",
|
isloading: false,
|
maxHeight: 0,
|
provinceData: [
|
{ label: "全部", value: "" },
|
{ label: "杭州市", value: "1" },
|
{ label: "宁波市", value: "2" },
|
{ label: "温州市", value: "3" },
|
{ label: "嘉兴市", value: "4" },
|
{ label: "湖州市", value: "5" },
|
{ label: "绍兴市", value: "6" },
|
{ label: "金华市", value: "7" },
|
{ label: "衢州市", value: "8" },
|
{ label: "舟山市", value: "9" },
|
{ label: "台州市", value: "A" },
|
{ label: "丽水市", value: "B" },
|
],
|
value: "",
|
//时间选项
|
timeoption: "",
|
//起始时间
|
starttime: this.$moment().format("YYYY-01-01 00:00:00"),
|
//结束时间
|
endtime: this.$moment().format("YYYY-MM-DD HH:mm:ss"),
|
|
organData: [
|
{
|
key: "heart",
|
name: "心脏",
|
value: 0,
|
code: "C38",
|
},
|
{
|
key: "fullLiver",
|
name: "全肝",
|
value: 0,
|
code: "C22",
|
},
|
{
|
key: "leftLiver",
|
name: "左肝",
|
value: 0,
|
code: "C22L",
|
},
|
{
|
key: "rightLiver",
|
name: "右肝",
|
value: 0,
|
code: "C22R",
|
},
|
{
|
key: "leftRenal",
|
name: "左肾",
|
value: 0,
|
code: "C64L",
|
},
|
{
|
key: "rightRenal",
|
name: "右肾",
|
value: 0,
|
code: "C64R",
|
},
|
{
|
key: "fullLung",
|
name: "全肺",
|
value: 0,
|
code: "C34",
|
},
|
{
|
key: "leftLung",
|
name: "左肺",
|
value: 0,
|
code: "C34L",
|
},
|
{
|
key: "rightLung",
|
name: "右肺",
|
value: 0,
|
code: "C34R",
|
},
|
{
|
key: "",
|
name: "小肠",
|
value: 0,
|
code: "C17",
|
},
|
{
|
key: "",
|
name: "胰腺",
|
value: 0,
|
code: "C25",
|
},
|
{
|
key: "leftEye",
|
name: "左眼膜",
|
value: 0,
|
code: "C69L",
|
},
|
{
|
key: "rightEye",
|
name: "右眼膜",
|
value: 0,
|
code: "C69R",
|
},
|
{
|
key: "",
|
name: "其它",
|
value: 0,
|
code: "C01",
|
},
|
// {
|
// key: "body",
|
// name: "遗体",
|
// value: 0,
|
// },
|
],
|
//统计指标数据
|
qualirtData: {
|
dbcddgfrate: 0,
|
//dbcd捐献分类占比
|
dbcddonateRate: 0,
|
dbcdpnfrate: 0,
|
dbddgfrate: 0,
|
//dbd捐献分类占比
|
dbddonateRate: 0,
|
dbdpnfrate: 0,
|
dcddgfrate: 0,
|
//dcd捐献分类占比
|
dcddonateRate: 0,
|
dcddonateRate: 0,
|
dcdpnfrate: 0,
|
//捐献转化率
|
donateTransferRate: 0,
|
//病原菌阳性率
|
germPositiveRate: 0,
|
//边缘器官比率
|
marginOrganRate: 0,
|
organAfterGetCheckRate: 0,
|
organBeforeGetCheckRate: 0,
|
//器官产出率
|
organProductionRate: 0,
|
//器官利用率
|
organUsedRate: 0,
|
totalDGFRate: 0,
|
totalPNFRate: 0,
|
},
|
//捐献累计数量
|
donateNumData: {
|
//捐献完成数量
|
numberOfCompletion: 0,
|
//潜在捐献登记数量
|
numberOfDonate: 0,
|
//伦理审查数量
|
numberOfEthicalReview: 0,
|
//医学评估数量
|
numberOfMedicalEvaluation: 0,
|
//器官分配数量
|
numberOfOrgans: 0,
|
//家属确认数量
|
numberOfRelativeConfirmation: 0,
|
//获取见证数量
|
numberOfWitness: 0,
|
//终止数量
|
numberOfTerminated: 0,
|
},
|
config: {
|
...DEF_TABLE_CONFIG,
|
},
|
reportlist: [],
|
reportervalue: "",
|
searchAddress: {
|
sheng: "浙江省",
|
shi: "",
|
qu: "",
|
},
|
};
|
},
|
// listnewEthicalreviewopinions
|
created() {
|
// this.listnewMedicalevaluation()
|
},
|
mounted() {
|
this.$nextTick(() => {
|
this.GetDonateOrganNum();
|
this.GetDonateOrganQuality();
|
// this.GetDonateNum();
|
this.value = "杭州市";
|
this.GetOrgDonateNumNew();
|
this.GetOrgDonateNum();
|
});
|
},
|
methods: {
|
getprovincedata() {},
|
|
get_unix_time(dateStr) {
|
var newstr = dateStr.replace(/-/g, "/");
|
var date = new Date(newstr);
|
var time_str = date.getTime().toString();
|
return time_str.substr(0, 10);
|
},
|
|
resetArr(Arr) {
|
var hash = {};
|
Arr = Arr.reduce(function (arr, current) {
|
hash[current.reporterno]
|
? ""
|
: (hash[current.reporterno] = true && arr.push(current));
|
return arr;
|
}, []);
|
return Arr;
|
},
|
// tobaseinfo0(){
|
// this.$router.push({path:'/Donatebaseinfo', query: {userid: 0 }})
|
// },
|
selectdatas() {
|
this.GetDonateOrganNum();
|
this.GetDonateOrganQuality();
|
// this.GetDonateNum();
|
this.GetOrgDonateNumNew();
|
this.GetOrgDonateNum();
|
},
|
getTimeList(e) {
|
if (this.selecttime != 0) {
|
this.endtime = this.selecttime[1];
|
this.starttime = this.selecttime[0];
|
// if (this.endtime == this.starttime) {
|
let num = Number(this.endtime.slice(5, 7));
|
if (num < 9) {
|
let mon = Number(this.endtime.slice(6, 7));
|
|
this.endtime =
|
this.endtime.slice(0, 5) +
|
"0" +
|
(mon + 1) +
|
"-" +
|
"01" +
|
" " +
|
"00" +
|
":" +
|
"00" +
|
":" +
|
"00";
|
}
|
// this.endtime=this.endtime.slice(0,5)年
|
else if (num >= 10) {
|
this.endtime =
|
this.endtime.slice(0, 5) +
|
(num + 1) +
|
"-" +
|
"01" +
|
" " +
|
"00" +
|
":" +
|
"00" +
|
":" +
|
"00";
|
} else {
|
this.endtime =
|
this.endtime.slice(0, 5) +
|
"10" +
|
"-" +
|
"01" +
|
" " +
|
"00" +
|
":" +
|
"00" +
|
":" +
|
"00";
|
}
|
this.starttime = this.starttime + " " + "00" + ":" + "00" + ":" + "00";
|
// }
|
} else {
|
this.starttime = "1998-01-01 00:00:00";
|
this.endtime = "2998-01-01 00:00:00";
|
}
|
},
|
Tobaseinfo() {
|
this.$router.push("../../donatebaseinfo/index.vue");
|
},
|
Tomedicalevalua() {
|
this.$router.push("../../medicalevaluation/index.vue");
|
},
|
getyearvalue() {
|
console.log("year de value:", this.year);
|
},
|
handlerInput(e) {
|
console.log("全省导览当前所选年份：", e);
|
},
|
//获取器官捐献数量
|
GetDonateOrganNum() {
|
let param = {
|
starttime: this.starttime,
|
endtime: this.endtime,
|
city: this.city,
|
|
// repoterno:'015'
|
};
|
|
if (this.reportervalue != "") {
|
param.reporterno = this.reportervalue;
|
}
|
getDonateorganSum(param).then((response) => {
|
/*
|
let list = this.organData.map((item) => item);
|
for (let i = 0; i < list.length; i++) {
|
let k = list[i].key;
|
}
|
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
|
);
|
if(ii > -1){
|
this.organData[i].value = list[ii].count;
|
}
|
|
}
|
});
|
},
|
//获取指标监控数据
|
GetDonateOrganQuality() {
|
let starttime = this.selecttime.length > 0 ? this.selecttime[0] : "";
|
let endtime =
|
this.selecttime.length > 0
|
? this.$moment(this.selecttime[1])
|
.add(1, "month")
|
.add(-1, "days")
|
.format("YYYY-MM-DD")
|
: "";
|
|
let param = {
|
starttime: this.starttime,
|
endtime: this.endtime,
|
city: this.city,
|
// repoterno:'015'
|
};
|
getOrgansQuality(param).then((response) => {
|
if (response.code == 200) {
|
this.qualirtData = response.data;
|
} else {
|
console.log("获取指标监控数据失败！");
|
}
|
});
|
},
|
//获取累计捐献信息数据
|
GetDonateNum() {
|
let param = {
|
pageNum: 1,
|
pageSize: 10,
|
starttime: this.starttime,
|
endtime: this.endtime,
|
reportno: this.reportervalue,
|
city: this.city,
|
// residenceprovince: this.$refs.areaSelect.getSheng(),
|
// residencecity: this.$refs.areaSelect.getShi(),
|
// residencetown: this.$refs.areaSelect.getQu(),
|
};
|
// getcountByRecordState(param).then(res=>{
|
// console.log('dawdwadwadwad',res);
|
// if (res.code == 200) {
|
// this.donateNumData = res.data;
|
// this.donateNumData.numberOfDonatePeople =
|
// res.data.numberOfDonatePeople;
|
// console.log("this.donateNumData", this.donateNumData);
|
// } else {
|
// }
|
// })
|
// getDonateNumber;
|
|
// getDonateNumber(param).then((response) => {
|
// console.log("获取累计捐献信息数据", response.code, response.data);
|
// if (response.code == 200) {
|
// //先注销的数据
|
// // this.donateNumData = response.data;
|
// this.donateNumData.numberOfDonate = response.data.numberOfDonate;
|
|
// this.donateNumData.numberOfMedicalEvaluation=response.data.numberOfMedicalEvaluation;
|
|
// this.donateNumData.numberOfRelativeConfirmation=response.data.numberOfRelativeConfirmation;
|
|
// this.donateNumData.numberOfEthicalReview=response.data.numberOfEthicalReview;
|
|
// this.donateNumData.numberOfWitness=response.data.numberOfWitness;
|
|
// this.donateNumData.numberOfCompletion=response.data.numberOfCompletion;
|
|
// this.donateNumData.numberOfTerminated =
|
// response.data.numberOfTerminated;
|
|
// this.donateNumData.numberOfDonatePeople =
|
// response.data.numberOfDonatePeople;
|
// console.log("this.donateNumData", this.donateNumData);
|
// } else {
|
// }
|
// });
|
},
|
GetOrgDonateNumNew() {
|
// let starttime = this.selecttime.length > 0 ? this.$moment(this.selecttime[0]).format("YYYY-MM-DD 00:00:01") : "";
|
// let endtime =
|
// this.selecttime.length > 0
|
// ? this.$moment(this.selecttime[1])
|
// .add(1, "month")
|
// .add(-1, "days")
|
// .format("YYYY-MM-DD")
|
// : "";
|
|
let info = {
|
pageNum: 1,
|
pageSize: 10,
|
starttime: this.starttime,
|
endtime: this.endtime,
|
|
// residenceprovince: this.$refs.areaSelect.getSheng(),
|
// residencecity: this.$refs.areaSelect.getShi(),
|
// residencetown: this.$refs.areaSelect.getQu(),
|
};
|
if (this.reportervalue != "") {
|
info.reporterno = this.reportervalue;
|
}
|
if (this.city != "") {
|
info.city = this.city;
|
}
|
|
//潜在捐献
|
listDonatebaseinfo(info).then((res) => {
|
this.donateNumData.numberOfDonate = res.total;
|
});
|
|
//医学评估
|
listnewMedicalevaluation(info).then((res) => {
|
this.donateNumData.numberOfMedicalEvaluation = res.total;
|
}),
|
//亲属确认
|
listnewRelativesconfirmation(info).then((res) => {
|
this.donateNumData.numberOfRelativeConfirmation = res.total;
|
});
|
//伦理审查
|
listnewEthicalreviewopinions(info).then((res) => {
|
this.donateNumData.numberOfEthicalReview = res.total;
|
}),
|
//器官捐献
|
listOrganallocation(info).then((res) => {
|
this.donateNumData.numberOfDonatePeople = res.total;
|
});
|
|
//获取见证
|
listnewDonationwitness(info).then((res) => {
|
this.donateNumData.numberOfWitness = res.total;
|
});
|
|
listnewDonatecompletioninfo(info).then((res) => {
|
this.donateNumData.numberOfCompletion = res.total;
|
});
|
|
//终止
|
info.recordstate = "99";
|
listDonatebaseinfo(info).then((res) => {
|
this.donateNumData.numberOfTerminated = res.total;
|
});
|
|
listDonatebaseinfo({}).then((res) => {
|
let list = res.rows;
|
let reportlist = [];
|
reportlist.push({ reporterno: "", reportername: "全部" });
|
list.forEach((element) => {
|
reportlist.push({
|
reporterno: element.reporterno,
|
reportername: element.reportername,
|
});
|
});
|
|
if (reportlist != 0) {
|
reportlist = this.resetArr(reportlist);
|
this.reportlist = reportlist;
|
}
|
});
|
},
|
//获取医院机构捐献数量
|
GetOrgDonateNum() {
|
// let time1 = new Date(this.starttime).getTime()
|
// let staettime1= dayjs(time1).format('YYYY-MM-DD HH:mm:ss')
|
// let time2 = new Date(this.starttime).getTime()
|
// let staettime2= dayjs(time2).format('YYYY-MM-DD HH:mm:ss')
|
// console.log('判断类型',staettime1,staettime2)
|
// this.starttime = new Date(this.starttime).getTime();
|
// this.endtime = new Date(this.endtime).getTime()
|
let param = {
|
starttime: this.starttime,
|
endtime: this.endtime,
|
// city:'1',
|
// repoterno:'015'
|
};
|
if (this.city != "") {
|
param.city = this.city;
|
}
|
if (this.reportervalue != "") {
|
param.repoterno = this.reportervalue;
|
}
|
// getOrgansOfHospital
|
// getOrgansOfHospitalByMonth
|
getOrgansOfHospitalByMonth(param).then((response) => {
|
// debugger
|
|
if (response.code == 200) {
|
let newConfig = {
|
...DEF_TABLE_CONFIG,
|
};
|
let arr = response.data;
|
let dataList = [];
|
debugger
|
dataList = response.data.map((item) => {
|
let li = [];
|
li.push(
|
item.month == null
|
? '<span style="color:#566f94;font-weight:bold">0</span>'
|
: '<span style="color:#566f94;font-weight:bold">' +
|
item.month +
|
"</span>"
|
);
|
li.push(
|
'<span style="color:#566f94;font-weight:bold">' +
|
item.hospitalName +
|
"</span>"
|
);
|
|
li.push(
|
item.completionCount == null
|
? '<span style="color:#566f94;font-weight:bold">0</span>'
|
: '<span style="color:#566f94;font-weight:bold">' +
|
item.completionCount +
|
"</span>"
|
);
|
li.push('<span style="color:#566f94;font-weight:bold">/</span>');
|
li.push(
|
item.baseInfoCount == null
|
? '<span style="color:#566f94;font-weight:bold">0</span>'
|
: '<span style="color:#566f94;font-weight:bold">' +
|
item.baseInfoCount +
|
"</span>"
|
);
|
return li;
|
});
|
newConfig.data = dataList;
|
debugger
|
this.config = newConfig;
|
}
|
});
|
},
|
|
//关闭基础捐献页签
|
closeBaseInfoTab() {
|
// 关闭指定页签
|
// const obj = { path: "/organ/donatebaseinfo", name: "Donatebaseinfo" };
|
// debugger
|
// console.log(this.$tab)
|
// this.$tab.closePage(obj);
|
},
|
},
|
computed: {},
|
watch: {},
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
.c-home {
|
.box-title {
|
width: 100%;
|
span {
|
display: block;
|
width: 130px;
|
height: 25px;
|
-webkit-transform: skew(20deg);
|
-moz-transform: skew(20deg);
|
-o-transform: skew(20deg);
|
background: #0a459f;
|
line-height: 25px;
|
align-self: center;
|
border: 1px transparent solid;
|
border-image: linear-gradient(#070a17, #7be6fc) 10 10;
|
border-image: linear-gradient(#070a17, #7be6fc) 10 10;
|
border-image: linear-gradient(#070a17, #7be6fc) 10 10;
|
margin: 0 auto;
|
}
|
b {
|
display: block;
|
color: #fff;
|
text-align: center;
|
transform: skewY(-20deg);
|
transform: skewX(-20deg);
|
}
|
}
|
.box-num {
|
position: relative;
|
.box-num-main {
|
text-align: right;
|
padding-right: 70px;
|
.box-num-main-n {
|
color: #409eff;
|
font-size: 25px;
|
}
|
}
|
.box-num-ex {
|
position: absolute;
|
bottom: 5px;
|
right: 10px;
|
width: 45px;
|
|
span {
|
color: #409eff;
|
font-size: 12px;
|
}
|
}
|
}
|
}
|
::v-deep .c-table-title {
|
.el-divider.el-divider--horizontal {
|
background-color: #95a1ec;
|
.el-divider__text.is-left {
|
color: #303133;
|
background: #fafafa;
|
}
|
}
|
.active {
|
.el-divider.el-divider--horizontal {
|
.el-divider__text.is-left {
|
color: #409eff;
|
}
|
}
|
}
|
}
|
.border-box-contaier {
|
height: 90px;
|
padding: 10px;
|
overflow: hidden;
|
box-sizing: border-box;
|
// background-color: #282c34;
|
}
|
</style>
|
