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

<!-- css文件位置位于/component/common/jtbc.css -->

<div id="app" class="jtbc">
  <div class="copd-filter-group ui-col-1 bgc-fff" style="min-width: 900px">
    <div class="searchDiv pb20 pr20">
      <label class="c-333 c-f14">
        居民姓名：
        <el-input v-model="form.name" style="width: 150px" placeholder="居民姓名"></el-input>
      </label>
    </div>

    <div class="searchDiv pb20 pr20" style="margin-right: 10px">
      <label class="c-333 c-f14">
        身份证：
        <el-input style="width: 300px" v-model="form.orderId" placeholder="请输入居民身份证"></el-input>
      </label>
    </div>
    <div class="searchDiv pb20 pr20">
      <label class="c-333 c-f14">
        手机号：
        <el-input style="width: 150px" v-model="form.phone" placeholder="请输入手机号"></el-input>
      </label>
    </div>
    <div class="searchDiv pb20 pr20">
      <label class="c-333 c-f14" style="display: flex; align-items: center">
        宫颈癌初筛：
        <el-select v-model="form.cervicalStatus" placeholder="请选择">
          <el-option label="是" :value="1"></el-option>
          <el-option label="否" :value="0"></el-option>
        </el-select>
      </label>
    </div>

    <div class="searchDiv pb20 pr20">
      <label class="c-333 c-f14" style="display: flex; align-items: center">
        乳腺癌初筛：
        <el-select v-model="form.breastCancer" placeholder="请选择">
          <el-option label="是" value="1"></el-option>
          <el-option label="否" value="0"></el-option>
        </el-select>
      </label>
    </div>
    <div class="searchDiv pb20 pr20">
      <label class="c-333 c-f14" style="display: flex; align-items: center">
        乳腺钼靶：
        <el-select v-model="form.molStatus" placeholder="请选择">
          <el-option label="是" value="1"></el-option>
          <el-option label="否" value="0"></el-option>
        </el-select>
      </label>
    </div>

    <div class="searchDiv pb20 pr20">
      <label class="c-333 c-f14" style="display: flex; align-items: center">
        阴道镜监查：
        <el-select v-model="form.colStatus" placeholder="请选择">
          <el-option label="是" value="1"></el-option>
          <el-option label="否" value="0"></el-option>
        </el-select>
      </label>
    </div>
    <div class="searchDiv pb20 pr20">
      <label class="c-333 c-f14" style="display: flex; align-items: center">
        筛查时间：
        <el-date-picker v-model="rangeTime[0]" type="date" value-format="yyyy-MM-dd" placeholder="开始时间" />
        <span>-</span>
        <el-date-picker v-model="rangeTime[1]" type="date" value-format="yyyy-MM-dd" placeholder="结束时间" />
      </label>
    </div>
    <div class="searchDiv pb20 pr20">
      <label class="c-333 c-f14" style="display: flex; align-items: center">
        筛查机构：
        <el-select v-model="form.reception" placeholder="请选择">
          <el-option v-for="(item,index) in resDistrictData" :key="index" :label="item.name" :value="item.code"></el-option>
        </el-select>
      </label>
    </div>

    <div class="searchDiv pb20 pr20">
      <label class="c-333 c-f14" style="display: flex; align-items: center">
        宫颈检查数据：
        <el-select v-model="form.chStatus" placeholder="请选择">
          <el-option label="是" value="1"></el-option>
          <el-option label="否" value="0"></el-option>
        </el-select>
      </label>
    </div>
    <div class="searchDiv pb20">
      <el-button type="primary" size="mini" @click="search">查询</el-button>
      <el-button type="ff9526" size="mini" @click="outputServerOrder" :disabled="exportLoading">导出</el-button>
      <span class="eliminate" @click="eliminateClick">清除筛选条件</span>
    </div>
  </div>
  <div>
    <el-table :data="tableData" border style="width: 100%" v-loading="loading">
      <!-- <el-table-column type="index" label="序号" width="80" align="center"></el-table-column> -->
      <el-table-column prop="patient_name" align="center" label="筛查对象姓名"></el-table-column>
      <el-table-column prop="phone" align="center" label="手机号"></el-table-column>
      <el-table-column prop="id_card_no" align="center" label="身份证"></el-table-column>
      <el-table-column prop="geStatus" align="center" label="宫颈初筛"></el-table-column>
      <el-table-column prop="cervical_cancer_inspect_time" align="center" label="宫颈时间"></el-table-column>
      <el-table-column prop="cervical_cancer_inspect_org" align="center" label="宫颈机构"></el-table-column>
      <el-table-column prop="cervical_cancer_inspect_user" align="center" label="宫颈人员"></el-table-column>
      <el-table-column prop="ciStatus" align="center" label="乳腺初筛"></el-table-column>
      <el-table-column prop="breast_ultrasound_inspect_time" align="center" label="乳腺时间" width="140"></el-table-column>
      <el-table-column prop="breast_ultrasound_inspect_org" align="center" label="乳腺机构"></el-table-column>
      <el-table-column prop="breast_ultrasound_inspect_user" align="center" label="乳腺检查人员"></el-table-column>
      <el-table-column prop="chStatus" align="center" label="宫颈检查数据">
        <div slot-scope="scope">{{scope.row.chStatus==1? '是' : '否'}}</div>
      </el-table-column>
      <el-table-column prop="molStatus" align="center" label="乳腺钼靶检查">
        <div slot-scope="scope">{{scope.row.molStatus==1? '是' : '否'}}</div>
      </el-table-column>
      <el-table-column prop="breast_molybdenum_time" align="center" label="钼靶时间"></el-table-column>
      <el-table-column prop="breast_molybdenum_org" align="center" label="钼靶检查机构"></el-table-column>
      <el-table-column prop="breast_molybdenum_user" align="center" label="钼靶检查人员"></el-table-column>
      <el-table-column prop="colStatus" align="center" label="阴道镜检查">
        <div slot-scope="scope">{{scope.row.colStatus==1? '是' : '否'}}</div>
      </el-table-column>
      <el-table-column prop="colposcopy_time" align="center" label="阴道镜检查时间"></el-table-column>
      <el-table-column prop="colposcopy_org" align="center" label="阴道镜检查机构"></el-table-column>
      <el-table-column prop="colposcopy_user" align="center" label="阴道镜检查人员"></el-table-column>

      <el-table-column prop="cpatStatusName" align="center" label="组织病理学检查"></el-table-column>
      <el-table-column prop="cpatTime" align="center" label="组织病理学检查时间"></el-table-column>
      <el-table-column prop="cpatOrg" align="center" label="组织病理学检查机构"></el-table-column>
      <el-table-column prop="cpatUser" align="center" label="组织病理学检查人员"></el-table-column>
      <el-table-column prop="bpatStatusName" align="center" label="乳腺病理学检查"></el-table-column>
      <el-table-column prop="bpatTime" align="center" label="乳腺病理学检查时间"></el-table-column>
      <el-table-column prop="bpatOrg" align="center" label="乳腺病理学检查机构"></el-table-column>
      <el-table-column prop="bpatUser" align="center" label="乳腺病理学检查人员"></el-table-column>
    </el-table>
    <el-pagination
      class="ptb20"
      :current-page="page"
      @current-change="handleCurrentChange"
      background
      layout="total, sizes, prev, pager, next, jumper"
      align="right"
      @prev-click="prevClick"
      @next-click="nextClick"
      :page-size="pageSize"
      @size-change="handleSizeChange"
      :total="total"></el-pagination>
  </div>
      <!-- <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="total"
      class="pagination"></el-pagination> -->
</div>