PC-application/component/statistics/CopdRecordSearch/index.html

<div class="copd-record-search-box">
  <div class="copd-filter-group ui-col-1 bgc-fff" style="min-width: 900px;">
    <!--=======================================================-->
    <div class="searchDiv pb20">
      <label class="c-333 c-f14">
        <el-radio v-model="radio" label="1">按新增年份：</el-radio>
      </label>
      <el-select>
        <el-option
            v-for="item in []"
            :key="item.value"
            :label="item.label"
            :value="item.value">
        </el-option>
      </el-select>
    </div>
    <!--=======================================================-->
    <div class="searchDiv pb20">
      <label class="c-333 c-f14">
        <el-radio v-model="radio" label="2">确诊时间：</el-radio>
      </label>
      <el-date-picker
          v-model="value1"
          type="datetimerange"
          range-separator="-"
          start-placeholder="开始日期"
          end-placeholder="结束日期">
      </el-date-picker>
    </div>
    <!--=======================================================-->
    <div class="searchDiv pb20">
      <label class="c-333 c-f14">
        患者性别：
      </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>
    </div>
    <!--=======================================================-->
    <div class="searchDiv pb20">
      <label class="c-333 c-f14">
        首次诊断地区：
      </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>
    </div>
    <!--=======================================================-->
    <div class="searchDiv pb20">
      <label class="c-333 c-f14">
        首次诊断机构级别：
      </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-select>
    </div>
    <!--=======================================================-->
    <div class="searchDiv pb20">
      <label class="c-333 c-f14">
        肺功能检查情况：
      </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>
    </div>
    <!--=======================================================-->
    <div class="searchDiv pb20">
      <label class="c-333 c-f14">
        胸部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>
    </div>
    <!--=======================================================-->
    <div class="searchDiv pb20">
      <label class="c-333 c-f14">
        血气分析检查情况：
      </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>
    </div>
    <!--=======================================================-->
    <div class="searchDiv pb20">
      <label class="c-333 c-f14">
        是否抽烟：
      </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>
    </div>
    <!--=======================================================-->
    <div class="searchDiv pb20">
      <label class="c-333 c-f14">
        是否饮酒：
      </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>
    </div>
    <!--=======================================================-->
    <div class="searchDiv pb20">
      <label class="c-333 c-f14">
        病人转归情况：
      </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>
    </div>
    <!--=======================================================-->
    <div class="searchDiv pb20 age-range">
      <label class="c-333 c-f14">
        患者年龄段：
      </label>
      <el-checkbox-group v-model="checkList">
        <el-checkbox label="0~29"></el-checkbox>
        <el-checkbox label="30~39"></el-checkbox>
        <el-checkbox label="40~49"></el-checkbox>
        <el-checkbox label="50~59"></el-checkbox>
        <el-checkbox label="60~69"></el-checkbox>
        <el-checkbox label="70~79"></el-checkbox>
        <el-checkbox label="80以上"></el-checkbox>
      </el-checkbox-group>
    </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">
      <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>
      <el-button type="ff9526" size="mini">导出</el-button>
      <span class="eliminate">清除筛选条件</span>
    </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">
    <!-- TODO 修正 -->
    <el-pagination layout="total, prev, pager, next, jumper"></el-pagination>
  </div>
</div>