| | |
| | | <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" |
| | |
| | | <div style="width: 76%;"> |
| | | <el-row |
| | | :gutter="10" |
| | | style="font-size: 16px; font-weight: bold; margin-top: 10px" |
| | | 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, |
| | | starttime: starttime, |
| | | endtime: endtime, |
| | | tempRecordState: '', |
| | | reporterno: reportervalue, |
| | | shen: searchAddress.shen, |
| | |
| | | <!-- @click="tobaseinfo0" --> |
| | | <el-card shadow="always" style="color: #566f94"> |
| | | <svg-icon icon-class="user" /> 潜在捐献累计:{{ |
| | | this.donateNumData.numberOfDonate |
| | | donateNumData.numberOfDonate |
| | | }} 例 |
| | | </el-card> |
| | | </router-link> |
| | |
| | | :to="{ |
| | | name: 'Medicalevaluation', |
| | | params: { |
| | | starttime: this.starttime, |
| | | endtime: this.endtime, |
| | | starttime: starttime, |
| | | endtime: endtime, |
| | | tempRecordState: '', |
| | | reporterno: reportervalue, |
| | | shen: searchAddress.shen, |
| | |
| | | @click="Tomedicalevalua" |
| | | > |
| | | <svg-icon icon-class="tool" /> 完成医学评估累计:{{ |
| | | this.donateNumData.numberOfMedicalEvaluation |
| | | donateNumData.numberOfMedicalEvaluation |
| | | }} 例 |
| | | </el-card> |
| | | </router-link> |
| | |
| | | :to="{ |
| | | name: 'Relativesconfirmation', |
| | | params: { |
| | | starttime: this.starttime, |
| | | endtime: this.endtime, |
| | | starttime: starttime, |
| | | endtime: endtime, |
| | | tempRecordState: '', |
| | | reporterno: reportervalue, |
| | | shen: searchAddress.shen, |
| | |
| | | <el-card shadow="always" style="color: #566f94"> |
| | | <svg-icon icon-class="checkbox" /> |
| | | 完成亲属确认累计:{{ |
| | | this.donateNumData.numberOfRelativeConfirmation |
| | | donateNumData.numberOfRelativeConfirmation |
| | | }} 例 |
| | | </el-card> |
| | | </router-link> |
| | |
| | | :to="{ |
| | | name: 'EthicalReview', |
| | | params: { |
| | | starttime: this.starttime, |
| | | endtime: this.endtime, |
| | | starttime: starttime, |
| | | endtime: endtime, |
| | | tempRecordState: '', |
| | | reporterno: reportervalue, |
| | | shen: searchAddress.shen, |
| | |
| | | <el-card shadow="always" style="color: #566f94"> |
| | | <svg-icon icon-class="education" /> |
| | | 完成伦理审查累计:{{ |
| | | this.donateNumData.numberOfEthicalReview |
| | | donateNumData.numberOfEthicalReview |
| | | }} 例 |
| | | </el-card> |
| | | </router-link> |
| | |
| | | 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-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: this.starttime, |
| | | endtime: this.endtime, |
| | | starttime: starttime, |
| | | endtime: endtime, |
| | | tempRecordState: '', |
| | | reporterno: reportervalue, |
| | | shen: searchAddress.shen, |
| | |
| | | > |
| | | <el-card shadow="always" style="color: #566f94"> |
| | | <svg-icon icon-class="job" /> 完成获取见证累计:{{ |
| | | this.donateNumData.numberOfWitness |
| | | donateNumData.numberOfWitness |
| | | }} 例 |
| | | </el-card> |
| | | </router-link> |
| | |
| | | :to="{ |
| | | name: 'Donatefinish', |
| | | params: { |
| | | starttime: this.starttime, |
| | | endtime: this.endtime, |
| | | starttime: starttime, |
| | | endtime: endtime, |
| | | tempRecordState: '', |
| | | reporterno: reportervalue, |
| | | shen: searchAddress.shen, |
| | |
| | | > |
| | | <el-card shadow="always" style="color: #566f94"> |
| | | <svg-icon icon-class="lock" /> 捐献完成累计:{{ |
| | | this.donateNumData.numberOfCompletion |
| | | donateNumData.numberOfCompletion |
| | | }} 例 |
| | | </el-card> |
| | | </router-link> |
| | |
| | | :to="{ |
| | | name: 'Donatebaseinfo', |
| | | params: { |
| | | starttime: this.starttime, |
| | | endtime: this.endtime, |
| | | tempRecordState: 99, |
| | | starttime: starttime, |
| | | endtime: endtime, |
| | | terminationcase: 1, |
| | | reporterno: reportervalue, |
| | | shen: searchAddress.shen, |
| | | shi: searchAddress.shi, |
| | |
| | | > |
| | | <el-card shadow="always" style="color: #566f94"> |
| | | <svg-icon icon-class="lock" /> 捐献终止累计:{{ |
| | | this.donateNumData.numberOfTerminated |
| | | donateNumData.numberOfTerminated |
| | | }} 例 |
| | | </el-card> |
| | | </router-link> |
| | |
| | | > |
| | | <el-row style="margin-bottom: 20px"> |
| | | <span style="font-size: 18px; color: #566f94; font-weight: bold" |
| | | >本年度指标数据分析</span |
| | | >指标数据分析</span |
| | | > |
| | | <span style="margin-left: 30px;"> |
| | | <router-link |
| | | :to="{ |
| | | name: 'DonationProcess', |
| | | params: { |
| | | starttime: starttime, |
| | | endtime: endtime, |
| | | terminationcase: 1, |
| | | reporterno: reportervalue, |
| | | shen: searchAddress.shen, |
| | | shi: searchAddress.shi, |
| | | qu: searchAddress.qu, |
| | | city: city |
| | | } |
| | | }" |
| | | > |
| | | <el-button type="primary" round>捐献进程</el-button> |
| | | </router-link> |
| | | </span> |
| | | </el-row> |
| | | <el-row :gutter="3"> |
| | | <el-col :span="8" style="text-align: center"> |
| | |
| | | style="padding: 0; margin: 0; width: 100%; color: #566f94" |
| | | > |
| | | 器官捐献转化率<br /> |
| | | {{ |
| | | (this.qualirtData.donateTransferRate * 100).toFixed(2) |
| | | }}% |
| | | {{ (qualirtData.donateTransferRate * 100).toFixed(2) }}% |
| | | </el-card> |
| | | </el-col> |
| | | <el-col :span="8" style="text-align: center"> |
| | |
| | | style="padding: 0; margin: 0; width: 100%; color: #566f94" |
| | | > |
| | | 平均器官产出率<br /> |
| | | {{ |
| | | (this.qualirtData.organProductionRate * 100).toFixed(2) |
| | | }}% |
| | | {{ (qualirtData.organProductionRate * 100).toFixed(2) }}% |
| | | </el-card> |
| | | </el-col> |
| | | <el-col :span="8" style="text-align: center"> |
| | |
| | | style="padding: 0; margin: 0; width: 100%; color: #566f94" |
| | | > |
| | | 获取器官利用率<br /> |
| | | {{ (this.qualirtData.organUsedRate * 100).toFixed(2) }}% |
| | | {{ (qualirtData.organUsedRate * 100).toFixed(2) }}% |
| | | </el-card> |
| | | </el-col> |
| | | </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) }}% |
| | | {{ (qualirtData.dbddonateRate * 100).toFixed(2) }}% |
| | | </el-col> |
| | | <el-col :span="8" style="text-align: center"> |
| | | DCD: |
| | | {{ (this.qualirtData.dcddonateRate * 100).toFixed(2) }}% |
| | | {{ (qualirtData.dcddonateRate * 100).toFixed(2) }}% |
| | | </el-col> |
| | | <el-col :span="8" style="text-align: center"> |
| | | DBCD: |
| | | {{ |
| | | (this.qualirtData.dbcddonateRate * 100).toFixed(2) |
| | | }}% |
| | | {{ (qualirtData.dbcddonateRate * 100).toFixed(2) }}% |
| | | </el-col> |
| | | </el-row> |
| | | </el-card> |
| | |
| | | <span style="font-size: 14px"> 获取前活检率</span> |
| | | </el-row> |
| | | {{ |
| | | (this.qualirtData.organBeforeGetCheckRate * 100).toFixed( |
| | | 2 |
| | | ) |
| | | (qualirtData.organBeforeGetCheckRate * 100).toFixed(2) |
| | | }}% |
| | | </el-card> |
| | | </el-col> |
| | |
| | | <el-row> |
| | | <span style="font-size: 14px">获取后活检率</span> |
| | | </el-row> |
| | | {{ |
| | | (this.qualirtData.organAfterGetCheckRate * 100).toFixed( |
| | | 2 |
| | | ) |
| | | }}% |
| | | {{ (qualirtData.organAfterGetCheckRate * 100).toFixed(2) }}% |
| | | </el-card> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | style="padding: 0; margin: 0; width: 100%; color: #566f94" |
| | | > |
| | | <span style="font-size: 14px">边缘供器官比率</span><br /> |
| | | {{ (this.qualirtData.marginOrganRate * 100).toFixed(2) }}% |
| | | {{ (qualirtData.marginOrganRate * 100).toFixed(2) }}% |
| | | </el-card> |
| | | </el-col> |
| | | <el-col :span="12" style="text-align: center"> |
| | |
| | | > |
| | | <span style="font-size: 14px" |
| | | >器官保存液病原菌培养阳性率</span |
| | | > |
| | | {{ (this.qualirtData.germPositiveRate * 100).toFixed(2) }}% |
| | | ><br /> |
| | | {{ (qualirtData.germPositiveRate * 100).toFixed(2) }}% |
| | | </el-card> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | <el-row> |
| | | <el-col :span="6" style="text-align: center"> |
| | | 总发生率<br /> |
| | | {{ |
| | | (this.qualirtData.totalPNFRate * 100).toFixed(2) |
| | | }}% |
| | | {{ (qualirtData.totalPNFRate * 100).toFixed(2) }}% |
| | | </el-col> |
| | | <el-col :span="6" style="text-align: center"> |
| | | DBD<br /> |
| | | {{ (this.qualirtData.dbdpnfrate * 100).toFixed(2) }}% |
| | | {{ (qualirtData.dbdpnfrate * 100).toFixed(2) }}% |
| | | </el-col> |
| | | <el-col :span="6" style="text-align: center"> |
| | | DCD<br /> |
| | | {{ (this.qualirtData.dcdpnfrate * 100).toFixed(2) }}% |
| | | {{ (qualirtData.dcdpnfrate * 100).toFixed(2) }}% |
| | | </el-col> |
| | | <el-col :span="6" style="text-align: center"> |
| | | DBCD<br /> |
| | | {{ (this.qualirtData.dbcdpnfrate * 100).toFixed(2) }}% |
| | | {{ (qualirtData.dbcdpnfrate * 100).toFixed(2) }}% |
| | | </el-col> |
| | | </el-row> |
| | | </el-row> |
| | |
| | | <el-row> |
| | | <el-col :span="6" style="text-align: center"> |
| | | 总发生率<br />{{ |
| | | (this.qualirtData.totalDGFRate * 100).toFixed(2) |
| | | (qualirtData.totalDGFRate * 100).toFixed(2) |
| | | }}% |
| | | </el-col> |
| | | <el-col :span="6" style="text-align: center"> |
| | | DBD<br />{{ |
| | | (this.qualirtData.dbddgfrate * 100).toFixed(2) |
| | | (qualirtData.dbddgfrate * 100).toFixed(2) |
| | | }}% |
| | | </el-col> |
| | | <el-col :span="6" style="text-align: center"> |
| | | DCD<br />{{ |
| | | (this.qualirtData.dcddgfrate * 100).toFixed(2) |
| | | (qualirtData.dcddgfrate * 100).toFixed(2) |
| | | }}% |
| | | </el-col> |
| | | <el-col :span="6" style="text-align: center"> |
| | | DBCD<br />{{ |
| | | (this.qualirtData.dbcddgfrate * 100).toFixed(2) |
| | | (qualirtData.dbcddgfrate * 100).toFixed(2) |
| | | }}% |
| | | </el-col> |
| | | </el-row> |
| | |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-card shadow="always" style="height: 640px" ref="organChartCard"> |
| | | <OrganNumChart :cdata="organData" /> |
| | | <OrganNumChart :cdata="organData" :CommonOrgan="CommonOrgan" /> |
| | | </el-card> |
| | | <!-- <el-col :span="7"> |
| | | <el-card shadow="always" style="height: 640px" ref="orgNumberCard"> |
| | |
| | | >各地区医院案例数据</span |
| | | > |
| | | </el-col> |
| | | |
| | | |
| | | </el-row> |
| | | <el-row> |
| | | |
| | | |
| | | </el-row> |
| | | <dv-scroll-board |
| | | :config="config" |
| | |
| | | return { |
| | | city: "", |
| | | reportno: "", |
| | | selecttime: [], |
| | | selecttime: [new Date(new Date().getFullYear(), 0), new Date()], |
| | | year: "选择年份", |
| | | isloading: false, |
| | | maxHeight: 0, |
| | | CommonOrgan: null, |
| | | provinceData: [ |
| | | { label: "全部", value: "" }, |
| | | { label: "全部地市", value: "" }, |
| | | { label: "杭州市", value: "1" }, |
| | | { label: "宁波市", value: "2" }, |
| | | { label: "温州市", value: "3" }, |
| | |
| | | key: "heart", |
| | | name: "心脏", |
| | | value: 0, |
| | | value1: 0, |
| | | code: "C38" |
| | | }, |
| | | { |
| | | key: "fullLiver", |
| | | name: "全肝", |
| | | name: "肝脏", |
| | | value: 0, |
| | | value1: 0, |
| | | |
| | | code: "C22" |
| | | }, |
| | | { |
| | | key: "leftLiver", |
| | | name: "左肝", |
| | | key: "Lefthalfliver", |
| | | name: "左半肝", |
| | | value: 0, |
| | | value1: 0, |
| | | |
| | | code: "C22L" |
| | | }, |
| | | { |
| | | key: "rightLiver", |
| | | name: "右肝", |
| | | key: "Leftouterlobe", |
| | | name: "左外叶", |
| | | value: 0, |
| | | value1: 0, |
| | | |
| | | code: "C22L0" |
| | | }, |
| | | { |
| | | key: "Righthalfliver", |
| | | name: "右半肝", |
| | | value: 0, |
| | | value1: 0, |
| | | |
| | | code: "C22R" |
| | | }, |
| | | { |
| | | key: "RML", |
| | | name: "右三叶", |
| | | value: 0, |
| | | value1: 0, |
| | | |
| | | code: "C22R0" |
| | | }, |
| | | |
| | | { |
| | | key: "leftRenal", |
| | | name: "左肾", |
| | | value: 0, |
| | | value1: 0, |
| | | |
| | | code: "C64L" |
| | | }, |
| | | { |
| | | key: "rightRenal", |
| | | name: "右肾", |
| | | value: 0, |
| | | value1: 0, |
| | | |
| | | code: "C64R" |
| | | }, |
| | | { |
| | | key: "fullLung", |
| | | name: "全肺", |
| | | value: 0, |
| | | value1: 0, |
| | | |
| | | code: "C34" |
| | | }, |
| | | { |
| | | key: "leftLung", |
| | | name: "左肺", |
| | | value: 0, |
| | | value1: 0, |
| | | |
| | | code: "C34L" |
| | | }, |
| | | { |
| | | key: "rightLung", |
| | | name: "右肺", |
| | | value: 0, |
| | | value1: 0, |
| | | |
| | | code: "C34R" |
| | | }, |
| | | { |
| | | key: "", |
| | | name: "小肠", |
| | | value: 0, |
| | | value1: 0, |
| | | |
| | | code: "C17" |
| | | }, |
| | | { |
| | | key: "", |
| | | name: "胰腺", |
| | | value: 0, |
| | | value1: 0, |
| | | |
| | | code: "C25" |
| | | }, |
| | | { |
| | | key: "leftEye", |
| | | name: "左眼膜", |
| | | value: 0, |
| | | value1: 0, |
| | | |
| | | code: "C69L" |
| | | }, |
| | | { |
| | | key: "rightEye", |
| | | name: "右眼膜", |
| | | value: 0, |
| | | value1: 0, |
| | | |
| | | code: "C69R" |
| | | }, |
| | | { |
| | | key: "", |
| | | name: "其它", |
| | | value: 0, |
| | | value1: 0, |
| | | |
| | | code: "C01" |
| | | } |
| | | // { |
| | |
| | | if (this.reportervalue != "") { |
| | | param.reporterno = this.reportervalue; |
| | | } |
| | | console.log(param, "param"); |
| | | getDonateorganSum(param).then(response => { |
| | | /* |
| | | let list = this.organData.map((item) => item); |
| | |
| | | } |
| | | this.organData = list; |
| | | */ |
| | | let list = response.data; |
| | | let list = response.data.organInfoVOList; |
| | | this.CommonOrgan = 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; |
| | | this.organData[i].value1 = list[ii].abandonCount; |
| | | } |
| | | } |
| | | }); |
| | |
| | | // : ""; |
| | | |
| | | let info = { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | starttime: this.starttime, |
| | | endtime: this.endtime |
| | | |
| | |
| | | }); |
| | | |
| | | //终止 |
| | | info.recordstate = "99"; |
| | | info.terminationCase = 1; |
| | | listDonatebaseinfo(info).then(res => { |
| | | this.donateNumData.numberOfTerminated = res.total; |
| | | }); |
| | |
| | | listDonatebaseinfo({}).then(res => { |
| | | let list = res.rows; |
| | | let reportlist = []; |
| | | reportlist.push({ reporterno: "", reportername: "全部" }); |
| | | reportlist.push({ reporterno: "", reportername: "全部人员" }); |
| | | list.forEach(element => { |
| | | reportlist.push({ |
| | | reporterno: element.reporterno, |