11

WXL

2024-03-08 2d87371edd24a1b2b25bf8c33bccceb988038758

 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" />&nbsp;&nbsp; 潜在捐献累计：{{
              this.donateNumData.numberOfDonate
            }}&nbsp; 例
          </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" />&nbsp;&nbsp; 潜在捐献累计：{{
                  this.donateNumData.numberOfDonate
                }}&nbsp; 例
              </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" />&nbsp;&nbsp; 完成医学评估累计：{{
                  this.donateNumData.numberOfMedicalEvaluation
                }}&nbsp; 例
              </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" />&nbsp;&nbsp;
                完成亲属确认累计：{{
                  this.donateNumData.numberOfRelativeConfirmation
                }}&nbsp; 例
              </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" />&nbsp;&nbsp;
                完成伦理审查累计：{{
                  this.donateNumData.numberOfEthicalReview
                }}&nbsp; 例
              </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" />&nbsp;&nbsp; 完成医学评估累计：{{
              this.donateNumData.numberOfMedicalEvaluation
            }}&nbsp; 例
          </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" />&nbsp;&nbsp; 完成亲属确认累计：{{
              this.donateNumData.numberOfRelativeConfirmation
            }}&nbsp; 例
          </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" />&nbsp;&nbsp; 完成伦理审查累计：{{
              this.donateNumData.numberOfEthicalReview
            }}&nbsp; 例
          </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" />&nbsp;&nbsp; 完成器官分配累计：{{
              this.donateNumData.numberOfDonatePeople
            }}&nbsp; 个
            <!-- 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" />&nbsp;&nbsp; 完成获取见证累计：{{
              this.donateNumData.numberOfWitness
            }}&nbsp; 例
          </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" />&nbsp;&nbsp; 捐献完成累计：{{
              this.donateNumData.numberOfCompletion
            }}&nbsp; 例
          </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" />&nbsp;&nbsp; 捐献终止累计：{{
              this.donateNumData.numberOfTerminated
            }}&nbsp; 例
          </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" />&nbsp;&nbsp; 完成器官分配累计：{{
                  this.donateNumData.numberOfDonatePeople
                }}&nbsp; 个
                <!-- 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" />&nbsp;&nbsp; 完成获取见证累计：{{
                  this.donateNumData.numberOfWitness
                }}&nbsp; 例
              </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" />&nbsp;&nbsp; 捐献完成累计：{{
                  this.donateNumData.numberOfCompletion
                }}&nbsp; 例
              </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" />&nbsp;&nbsp; 捐献终止累计：{{
                  this.donateNumData.numberOfTerminated
                }}&nbsp; 例
              </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++) {
@@ -861,12 +892,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 +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 {
@@ -903,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(),
@@ -961,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(),
@@ -975,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
          });
        });

@@ -1039,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'
      };
@@ -1051,14 +1081,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 +1132,10 @@
      // const obj = { path: "/organ/donatebaseinfo", name: "Donatebaseinfo" };
      // console.log(this.$tab)
      // this.$tab.closePage(obj);
    },
    }
  },
  computed: {},
  watch: {},
  watch: {}
};
</script>

@@ -1184,4 +1214,3 @@
  // background-color: #282c34;
}
</style>