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" @change="selChange(3)">
          <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 communityList" :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="70" align="center" v-if="tableHeader.length>0"></el-table-column>
    <el-table-column :prop="item.prop" :label="item.label" :align="item.align" :header-align="item.headerAlign" :min-width="item.width" v-for="(item,index) in tableHeader" :key="index"></el-table-column>
  </el-table>
  <div class="c-t-right mt20">
    <el-pagination
      @current-change="handleCurrentChange"
      @size-change="handleSizeChange"
      :current-page.sync="page"
      :page-size="size"
      :page-sizes="[10, 20, 50]"
      layout="total, sizes, prev, pager, next, jumper"
      :total="datatotal"></el-pagination>
  </div>
</div>