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>
          <el-select v-model="chooseYear" class="pr20 formWidth">
            <el-option v-for="(item , index) in years" :key="index" :label="item" :value="item"></el-option>
          </el-select>
      </label>
    </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="daterange"
          value-format="yyyy-MM-dd"
          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" v-model="sex" placeholder="请选择">
        <el-option label="全部" value=""></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" v-model="firstVisitArea"  placeholder="请选择">
        <el-option label="全部" value=""></el-option>
        <el-option v-for="item in  areaArr " :key="item.code" :label="item.value" :value="item.code"></el-option>
      </el-select>
    </div>
    <!--=======================================================-->
    <div class="searchDiv pb20">
      <label class="c-333 c-f14">
        首次诊断机构级别：
      </label>
      <el-select class="pr20 formWidth" v-model="firstVisitOrgLevel" placeholder="请选择">
        <el-option label="全部" value=""></el-option>
        <el-option v-for="item in orGlevelArr " :key="item.code" :label="item.value" :value="item.code"></el-option>
      </el-select>
    </div>
    <!--=======================================================-->
    <div class="searchDiv pb20">
      <label class="c-333 c-f14">
        肺功能检查情况：
      </label>
      <el-select class="pr20 formWidth" v-model="hasLung" placeholder="请选择">
        <el-option label="全部" value=""></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检查情况：
      </label>
      <el-select class="pr20 formWidth" v-model="hasCt" placeholder="请选择">
        <el-option label="全部" value=""></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">
        X线检查情况：
      </label>
      <el-select class="pr20 formWidth" v-model="hasx" placeholder="请选择">
        <el-option label="全部" value=""></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" v-model="hasBloodGas" placeholder="请选择">
        <el-option label="全部" value=""></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" v-model="hasSmoke" placeholder="请选择">
        <el-option label="全部" value=""></el-option>
        <el-option v-for="item in smokeArr " :key="item.code" :label="item.value" :value="item.code"></el-option>
      </el-select>
    </div>
    <!--=======================================================-->
    <div class="searchDiv pb20">
      <label class="c-333 c-f14">
        是否饮酒：
      </label>
      <el-select class="pr20 formWidth" v-model="hasDrink" placeholder="请选择">
        <el-option label="全部" value=""></el-option>
        <el-option v-for="item in  drinkArr " :key="item.code" :label="item.value" :value="item.code"></el-option>
      </el-select>
    </div>
    <!--=======================================================-->
    <div class="searchDiv pb20">
      <label class="c-333 c-f14">
        病人转归情况：
      </label>
      <el-select class="pr20 formWidth" v-model="diseaseConversion" placeholder="请选择">
        <el-option label="全部" value=""></el-option>
        <el-option v-for="item in conversionArr " :key="item.code" :label="item.value" :value="item.code"></el-option>
       
      </el-select>
    </div>
    <!--=======================================================-->
    <div class="searchDiv pb20 age-range">
      <label class="c-333 c-f14">
        患者年龄段：
      </label>
      <el-select class="pr20 formWidth" v-model="age" placeholder="请选择">
        <el-option label="全部" value=""></el-option>
        <el-option v-for="item in ageArr " :key="item.code" :label="item.value" :value="item.code"></el-option>
       
      </el-select>
    </div>
    <!--=======================================================-->
    <div class="searchDiv pb20">
      <label class="c-333 c-f14">
        数据范围：
      </label>
      <el-select class="pr20 formWidth" v-model="rangeCode"  placeholder="请选择">
        <el-option v-for="(option, index) in rangeList" :label="option.name"
                   :value="option.code"></el-option>
      </el-select>
    </div>
    <!--=======================================================-->
    <template v-if="rangeCode!='city'">

      <div class="searchDiv pb20">
        <label class="c-333 c-f14">
          地区：
        </label>
        <el-select v-model="areaCode" style="width: 100px" class="pr10">
        <el-option v-for="(item , index) in areaList" :key="index" :label="item.name"
          :value="item.code"></el-option>
      </el-select>
      </div>
      <!--=======================================================-->
      <div class="searchDiv pb20" v-show="rangeCode!='town'&&rangeCode!='specHos'">
        <label class="c-333 c-f14">
          社区：
        </label>
        <el-select v-model="communityCode" style="width: 200px" class="pr10">
        <el-option v-for="(item , index) in communityArr" :key="index" :label="item.name"
          :value="item.code"></el-option>
      </el-select>
      </div>
    </template>
    <!--=======================================================-->
    <div class="searchDiv pb20">
      <el-button type="primary" size="mini" @click="search">查询</el-button>
      <el-button type="ff9526" size="mini" @click="exportTable" >导出</el-button>
      <span class="eliminate" @click="resetDate">清除筛选条件</span>
    </div>
    <!--=======================================================-->
  </div>
  <!-- <el-table style="width: 100%; margin-top: 16px"  :data="dataList" v-loading="daLoading" >
    <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> -->
  <el-table border :data="tabledata" style="width: 100%" class="mt20" v-loading="daLoading"
  >
  <el-table-column fixed type="index" label="序号" width="50" min-width="50"
    align="center"></el-table-column>
  <el-table-column prop="townName" label="地区" align="center" v-if="rangeCode == 'town'"
    min-width="100"></el-table-column>
  <el-table-column prop="hospitalName" label="社区" align="center" v-if="rangeCode == 'hospital'"
    min-width="180"></el-table-column>
  <el-table-column :prop="item.prop" :label="item.label" align="right" header-align="center"
    v-for="(item,index) in tableHeader" :key="index"></el-table-column>
</el-table>
<div class="c-t-right mt20">
  <el-pagination @current-change="handleCurrentChange" :current-page.sync="currentPage"
    :page-size="currentSize" layout="total, prev, pager, next, jumper"
    :total="datatotal"></el-pagination>
</div>
</div>