Ver código fonte

慢阻肺检测页面 oops

sparkly 9 meses atrás
pai
commit
543dd01254
1 arquivos alterados com 102 adições e 86 exclusões
  1. 102 86
      component/statistics/CopdRecordSearch/index.html

+ 102 - 86
component/statistics/CopdRecordSearch/index.html

@ -1,4 +1,4 @@
 <div class="copd-record-search-box">
<div class="copd-record-search-box">
  <div class="copd-filter-group ui-col-1 bgc-fff" style="min-width: 900px;">
    <!--=======================================================-->
    <div class="searchDiv pb20">
@ -33,9 +33,9 @@
        患者性别:
      </label>
      <el-select class="pr20 formWidth" placeholder="请选择">
        <el-option label="全部"value="all"></el-option>
        <el-option label="男"value="1"></el-option>
        <el-option label="女"value="2"></el-option>
        <el-option label="全部" value="all"></el-option>
        <el-option label="男" value="1"></el-option>
        <el-option label="女" value="2"></el-option>
      </el-select>
    </div>
    <!--=======================================================-->
@ -44,11 +44,11 @@
        首次诊断地区:
      </label>
      <el-select class="pr20 formWidth" placeholder="请选择">
          <el-option label="全部"value="all"></el-option>
          <el-option label="本市"value="1"></el-option>
          <el-option label="本省外市"value="2"></el-option>
          <el-option label="外省"value="2"></el-option>
          <el-option label="外国"value="2"></el-option>
        <el-option label="全部" value="all"></el-option>
        <el-option label="本市" value="1"></el-option>
        <el-option label="本省外市" value="2"></el-option>
        <el-option label="外省" value="2"></el-option>
        <el-option label="外国" value="2"></el-option>
      </el-select>
    </div>
    <!--=======================================================-->
@ -57,12 +57,12 @@
        首次诊断机构级别:
      </label>
      <el-select class="pr20 formWidth" placeholder="请选择">
          <el-option label="全部"value="all"></el-option>
          <el-option label="三级医院"value="1"></el-option>
          <el-option label="二级医院"value="2"></el-option>
          <el-option label="村卫生院"value="2"></el-option>
          <el-option label="乡镇卫生院/社区卫生服务机构"value="2"></el-option>
          <el-option label="其他医疗机构"value="2"></el-option>
        <el-option label="全部" value="all"></el-option>
        <el-option label="三级医院" value="1"></el-option>
        <el-option label="二级医院" value="2"></el-option>
        <el-option label="村卫生院" value="2"></el-option>
        <el-option label="乡镇卫生院/社区卫生服务机构" value="2"></el-option>
        <el-option label="其他医疗机构" value="2"></el-option>
      </el-select>
    </div>
    <!--=======================================================-->
@ -71,9 +71,9 @@
        肺功能检查情况:
      </label>
      <el-select class="pr20 formWidth" placeholder="请选择">
          <el-option label="全部"value="all"></el-option>
          <el-option label="是"value="1"></el-option>
          <el-option label="否"value="2"></el-option>
        <el-option label="全部" value="all"></el-option>
        <el-option label="是" value="1"></el-option>
        <el-option label="否" value="2"></el-option>
      </el-select>
    </div>
    <!--=======================================================-->
@ -82,10 +82,10 @@
        胸部CT或X线检查情况:
      </label>
      <el-select class="pr20 formWidth" placeholder="请选择">
        <el-option label="全部"value="all"></el-option>
        <el-option label="是"value="1"></el-option>
        <el-option label="否"value="2"></el-option>
    </el-select>
        <el-option label="全部" value="all"></el-option>
        <el-option label="是" value="1"></el-option>
        <el-option label="否" value="2"></el-option>
      </el-select>
    </div>
    <!--=======================================================-->
    <div class="searchDiv pb20">
@ -93,10 +93,10 @@
        血气分析检查情况:
      </label>
      <el-select class="pr20 formWidth" placeholder="请选择">
        <el-option label="全部"value="all"></el-option>
        <el-option label="是"value="1"></el-option>
        <el-option label="否"value="2"></el-option>
    </el-select>
        <el-option label="全部" value="all"></el-option>
        <el-option label="是" value="1"></el-option>
        <el-option label="否" value="2"></el-option>
      </el-select>
    </div>
    <!--=======================================================-->
    <div class="searchDiv pb20">
@ -104,12 +104,12 @@
        是否抽烟:
      </label>
      <el-select class="pr20 formWidth" placeholder="请选择">
        <el-option label="全部"value="all"></el-option>
        <el-option label="是"value="1"></el-option>
        <el-option label="否"value="2"></el-option>
        <el-option label="从不"value="2"></el-option>
        <el-option label="已戒烟"value="2"></el-option>
    </el-select>
        <el-option label="全部" value="all"></el-option>
        <el-option label="是" value="1"></el-option>
        <el-option label="否" value="2"></el-option>
        <el-option label="从不" value="2"></el-option>
        <el-option label="已戒烟" value="2"></el-option>
      </el-select>
    </div>
    <!--=======================================================-->
    <div class="searchDiv pb20">
@ -117,12 +117,12 @@
        是否饮酒:
      </label>
      <el-select class="pr20 formWidth" placeholder="请选择">
        <el-option label="全部"value="all"></el-option>
        <el-option label="是"value="1"></el-option>
        <el-option label="否"value="2"></el-option>
        <el-option label="从不"value="2"></el-option>
        <el-option label="已戒酒"value="2"></el-option>
    </el-select>
        <el-option label="全部" value="all"></el-option>
        <el-option label="是" value="1"></el-option>
        <el-option label="否" value="2"></el-option>
        <el-option label="从不" value="2"></el-option>
        <el-option label="已戒酒" value="2"></el-option>
      </el-select>
    </div>
    <!--=======================================================-->
    <div class="searchDiv pb20">
@ -130,14 +130,14 @@
        病人转归情况:
      </label>
      <el-select class="pr20 formWidth" placeholder="请选择">
        <el-option label="全部"value="all"></el-option>
        <el-option label="治愈"value="1"></el-option>
        <el-option label="好转"value="2"></el-option>
        <el-option label="稳定"value="2"></el-option>
        <el-option label="恶化"value="2"></el-option>
        <el-option label="死亡"value="2"></el-option>
        <el-option label="其他"value="2"></el-option>
    </el-select>
        <el-option label="全部" value="all"></el-option>
        <el-option label="治愈" value="1"></el-option>
        <el-option label="好转" value="2"></el-option>
        <el-option label="稳定" value="2"></el-option>
        <el-option label="恶化" value="2"></el-option>
        <el-option label="死亡" value="2"></el-option>
        <el-option label="其他" value="2"></el-option>
      </el-select>
    </div>
    <!--=======================================================-->
    <div class="searchDiv pb20 age-range">
@ -174,16 +174,16 @@
                   :value="option.value"></el-option>
      </el-select>
    </div>
        <!--=======================================================-->
        <div class="searchDiv pb20">
          <label class="c-333 c-f14">
            社区:
          </label>
          <el-select class="pr20 formWidth" placeholder="请选择">
            <el-option v-for="(option, index) in []" :label="option.label"
                       :value="option.value"></el-option>
          </el-select>
        </div>
    <!--=======================================================-->
    <div class="searchDiv pb20">
      <label class="c-333 c-f14">
        社区:
      </label>
      <el-select class="pr20 formWidth" placeholder="请选择">
        <el-option v-for="(option, index) in []" :label="option.label"
                   :value="option.value"></el-option>
      </el-select>
    </div>
    <!--=======================================================-->
    <div class="searchDiv pb20">
      <el-button type="primary" size="mini">查询</el-button>
@ -192,36 +192,52 @@
    </div>
    <!--=======================================================-->
  </div>
   <el-table style="width: 100%; margin-top: 16px">
     <el-table-column prop="serialNumber" label="序号" width="180" align="center"></el-table-column>
     <el-table-column prop="region" label="地区" width="180" align="center"></el-table-column>
     <el-table-column prop="communityHospital" label="社区医院" width="180" align="center"></el-table-column>
     <el-table-column prop="totalPatients" label="总患者人数" width="180" align="center" v-if="toggleField('totalPatients')"></el-table-column>
     <el-table-column prop="newPatientsThisYear" label="今年新增人数" width="180" align="center" v-if="toggleField('newPatientsThisYear')"></el-table-column>
     <el-table-column prop="followedUpPatients" label="已随访人数" width="180" align="center" v-if="toggleField('followedUpPatients')"></el-table-column>
     <el-table-column prop="completionRate" label="完成率" width="180" align="center" v-if="toggleField('completionRate')"></el-table-column>
     <el-table-column prop="regressedPatients" label="回退人数" width="180" align="center" v-if="toggleField('returnCount')"></el-table-column>
     <el-table-column prop="transferTimes" label="转移次数" width="180" align="center" v-if="toggleField('transferCount')"></el-table-column>
     <el-table-column prop="patientOutcomeCount" label="病人转归情况人数" width="180" align="center" v-if="toggleField('patientOutcomeCount')"></el-table-column>
     <el-table-column prop="signedPatients" label="家签患者人数" width="180" align="center" v-if="toggleField('signedPatients')"></el-table-column>
     <el-table-column prop="unsignedPatients" label="非家签患者人数" width="180" align="center" v-if="toggleField('unsignedPatients')"></el-table-column>
     <el-table-column prop="allocatedPatients" label="已分配人数" width="180" align="center" v-if="toggleField('assignedPatients')"></el-table-column>
     <el-table-column prop="unallocatedPatients" label="未分配人数" width="180" align="center" v-if="toggleField('unassignedPatients')"></el-table-column>
     <el-table-column prop="receivedPatients" label="已接收人数" width="180" align="center" v-if="toggleField('receivedPatients')"></el-table-column>
     <el-table-column prop="unreceivedPatients" label="未接收人数" width="180" align="center" v-if="toggleField('unreceivedPatients')"></el-table-column>
     <el-table-column prop="unfollowedPatients" label="已随访次数" width="180" align="center" v-if="toggleField('followUpCount')"></el-table-column>
     <el-table-column prop="missingPatients" label="失访人数" width="180" align="center" v-if="toggleField('lostFollowUpPatients')"></el-table-column>
     <el-table-column prop="deceasedPatients" label="死亡人数" width="180" align="center" v-if="toggleField('deceasedPatients')"></el-table-column>
     <el-table-column prop="patientOutcome" label="病人转归情况工人数" width="180" align="center">
       <el-table-column prop="cured" label="治愈" width="180" align="center"></el-table-column>
       <el-table-column prop="improved" label="好转" width="180" align="center"></el-table-column>
       <el-table-column prop="stable" label="稳定" width="180" align="center"></el-table-column>
       <el-table-column prop="deteriorated" label="恶化" width="180" align="center"></el-table-column>
       <el-table-column prop="deceased" label="死亡" width="180" align="center"></el-table-column>
       <el-table-column prop="other" label="其他" width="180" align="center"></el-table-column>
     </el-table-column>
   </el-table>
   <div class="c-t-right mt20">
  <el-table style="width: 100%; margin-top: 16px">
    <el-table-column prop="serialNumber" label="序号" width="180" align="center"></el-table-column>
    <el-table-column prop="region" label="地区" width="180" align="center"></el-table-column>
    <el-table-column prop="communityHospital" label="社区医院" width="180" align="center"></el-table-column>
    <el-table-column prop="totalPatients" label="总患者人数" width="180" align="center"
                     v-if="toggleField('totalPatients')"></el-table-column>
    <el-table-column prop="newPatientsThisYear" label="今年新增人数" width="180" align="center"
                     v-if="toggleField('newPatientsThisYear')"></el-table-column>
    <el-table-column prop="followedUpPatients" label="已随访人数" width="180" align="center"
                     v-if="toggleField('followedUpPatients')"></el-table-column>
    <el-table-column prop="completionRate" label="完成率" width="180" align="center"
                     v-if="toggleField('completionRate')"></el-table-column>
    <el-table-column prop="regressedPatients" label="回退人数" width="180" align="center"
                     v-if="toggleField('returnCount')"></el-table-column>
    <el-table-column prop="transferTimes" label="转移次数" width="180" align="center"
                     v-if="toggleField('transferCount')"></el-table-column>
    <el-table-column prop="patientOutcomeCount" label="病人转归情况人数" width="180" align="center"
                     v-if="toggleField('patientOutcomeCount')"></el-table-column>
    <el-table-column prop="signedPatients" label="家签患者人数" width="180" align="center"
                     v-if="toggleField('signedPatients')"></el-table-column>
    <el-table-column prop="unsignedPatients" label="非家签患者人数" width="180" align="center"
                     v-if="toggleField('unsignedPatients')"></el-table-column>
    <el-table-column prop="allocatedPatients" label="已分配人数" width="180" align="center"
                     v-if="toggleField('assignedPatients')"></el-table-column>
    <el-table-column prop="unallocatedPatients" label="未分配人数" width="180" align="center"
                     v-if="toggleField('unassignedPatients')"></el-table-column>
    <el-table-column prop="receivedPatients" label="已接收人数" width="180" align="center"
                     v-if="toggleField('receivedPatients')"></el-table-column>
    <el-table-column prop="unreceivedPatients" label="未接收人数" width="180" align="center"
                     v-if="toggleField('unreceivedPatients')"></el-table-column>
    <el-table-column prop="unfollowedPatients" label="已随访次数" width="180" align="center"
                     v-if="toggleField('followUpCount')"></el-table-column>
    <el-table-column prop="missingPatients" label="失访人数" width="180" align="center"
                     v-if="toggleField('lostFollowUpPatients')"></el-table-column>
    <el-table-column prop="deceasedPatients" label="死亡人数" width="180" align="center"
                     v-if="toggleField('deceasedPatients')"></el-table-column>
    <el-table-column prop="patientOutcome" label="病人转归情况工人数" width="180" align="center">
      <el-table-column prop="cured" label="治愈" width="180" align="center"></el-table-column>
      <el-table-column prop="improved" label="好转" width="180" align="center"></el-table-column>
      <el-table-column prop="stable" label="稳定" width="180" align="center"></el-table-column>
      <el-table-column prop="deteriorated" label="恶化" width="180" align="center"></el-table-column>
      <el-table-column prop="deceased" label="死亡" width="180" align="center"></el-table-column>
      <el-table-column prop="other" label="其他" width="180" align="center"></el-table-column>
    </el-table-column>
  </el-table>
  <div class="c-t-right mt20">
    <!-- TODO 修正 -->
    <el-pagination layout="total, prev, pager, next, jumper"></el-pagination>
  </div>