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

<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" style="display: flex; align-items: center">
        <div>乳腺初筛时间：</div>
        <el-date-picker
          v-model="chooseTime"
          type="daterange"
          range-separator="至"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          value-format="yyyy-MM-dd"></el-date-picker>
      </label>
    </div>

    <div class="searchDiv pb20 pr20">
      <label class="c-333 c-f14">数据范围：</label>
      <el-select class="formWidth" v-model="form.range" placeholder="请选择" @change="resetArea">
        <el-option v-for="(option, index) in rangeOptions" :label="option.label" :value="option.value" :key="option.value"></el-option>
      </el-select>
    </div>
    <div class="searchDiv pb20 pr20">
      <label class="c-333 c-f14">地区：</label>
      <el-select class="formWidth" v-model="form.town" placeholder="请选择" @change="getHospital">
        <el-option v-for="(option, index) in areaOptions" :label="option.label" :value="option.value" :key="option.value"></el-option>
      </el-select>
    </div>
    <div class="searchDiv pb20 pr20" v-if="form.range == '2'">
      <label class="c-333 c-f14">社区：</label>
      <el-select class="formWidth" v-model="form.hospital" placeholder="请选择" @change="getTeam">
        <el-option v-for="(option, index) in hospitalOptions" :label="option.name" :value="option.code" :key="option.code"></el-option>
      </el-select>
    </div>

    <div class="searchDiv pb20">
      <el-button type="primary" size="mini" @click="queryDate">查询</el-button>
      <el-button type="ff9526" size="mini" @click="exportTable" :disabled="exportLoading">导出</el-button>
      <span class="eliminate" @click="eliminateClick">清除筛选条件</span>
    </div>
  </div>
  <el-table border :data="tableData" style="width: 100%" v-loading="loadingTwo" class="mt20">
    <template>
      <el-table-column type="index" width="50" label="序号" align="center"></el-table-column>
      <el-table-column prop="cduOrg" label="机构名称" align="center"></el-table-column>
      <el-table-column prop="screenTotal" label="筛查人数" align="center"></el-table-column>
      <el-table-column prop="endNum" label="结案人数" align="center"></el-table-column>
      <el-table-column prop="cduCompleteNum" label="乳腺超声已完成人数" align="center"></el-table-column>
      <el-table-column label="基本信息" align="center">
        <el-table-column prop="infoCompleteNum" label="完善" align="center"></el-table-column>
        <el-table-column prop="basquelouNum" label="缺漏" align="center"></el-table-column>
      </el-table-column>
      <el-table-column label="乳腺临床检查" align="center">
        <el-table-column prop="clicheckNum" label="检查人数" align="center"></el-table-column>
        <el-table-column prop="clijujueNum" label="拒绝" align="center"></el-table-column>
        <el-table-column prop="cliyicongNum" label="依从" align="center"></el-table-column>
        <el-table-column prop="cliquelouNum" label="缺漏" align="center"></el-table-column>
      </el-table-column>
      <el-table-column label="乳腺超声检查" align="center">
        <el-table-column prop="total" label="检查人数" align="center"></el-table-column>
        <el-table-column prop="jujueNum" label="拒绝" align="center"></el-table-column>
        <el-table-column prop="yicongNum" label="依从" align="center"></el-table-column>
        <el-table-column prop="quelouNum" label="缺漏" align="center"></el-table-column>
      </el-table-column>
      <el-table-column label="乳腺超声检查BI-RADS分级" align="center">
        <el-table-column prop="cduBiRads0" label="0级" align="center"></el-table-column>
        <el-table-column prop="cduBiRads1" label="1级" align="center"></el-table-column>
        <el-table-column prop="cduBiRads2" label="2级" align="center"></el-table-column>
        <el-table-column prop="cduBiRads3" label="3级" align="center"></el-table-column>
        <el-table-column prop="cduBiRads4a" label="4a级" align="center"></el-table-column>
        <el-table-column prop="cduBiRads4b" label="4b级" align="center"></el-table-column>
        <el-table-column prop="cduBiRads4c" label="4c级" align="center"></el-table-column>
        <el-table-column prop="cduBiRads05" label="5级" align="center"></el-table-column>
        <el-table-column prop="cduHeji" label="合计" align="center"></el-table-column>
      </el-table-column>

      <el-table-column label="乳腺钼靶检查" align="center">
        <el-table-column prop="molycNum" label="应查人数" align="center"></el-table-column>
        <el-table-column prop="molyicongNum" label="依从" align="center"></el-table-column>
        <el-table-column prop="moljujueNum" label="拒绝" align="center"></el-table-column>
        <el-table-column prop="mollostNum" label="失访" align="center"></el-table-column>
        <el-table-column prop="molycNum1" label="检查率" align="center"></el-table-column>
        <el-table-column prop="molycNum2" label="待完成人数" align="center"></el-table-column>
      </el-table-column>

      <el-table-column label="乳腺钼靶检查BI-RADS分级" align="center">
        <el-table-column prop="molBiRads0" label="0级" align="center"></el-table-column>
        <el-table-column prop="molBiRads1" label="1级" align="center"></el-table-column>
        <el-table-column prop="molBiRads2" label="2级" align="center"></el-table-column>
        <el-table-column prop="molBiRads3" label="3级" align="center"></el-table-column>
        <el-table-column prop="molBiRads4a" label="4a级" align="center"></el-table-column>
        <el-table-column prop="molBiRads4b" label="4b级" align="center"></el-table-column>
        <el-table-column prop="molBiRads4c" label="4c级" align="center"></el-table-column>
        <el-table-column prop="molBiRads5" label="5级" align="center"></el-table-column>
        <el-table-column prop="molBiRads6" label="不详" align="center"></el-table-column>
        <el-table-column prop="molHeji" label="合计" align="center"></el-table-column>
      </el-table-column>

      <el-table-column
        label="乳腺病理检查
      乳腺病理学监测情况"
        align="center">
        <el-table-column prop="needCheckNum" label="应查人数" align="center"></el-table-column>
        <el-table-column prop="checkedNum" label="已查人数" align="center"></el-table-column>
        <el-table-column prop="patjujueNum" label="拒诊人数" align="center"></el-table-column>
        <el-table-column prop="lostNum" label="失访人数" align="center"></el-table-column>
        <el-table-column prop="rate1" label="病理检查率" align="center"></el-table-column>
      </el-table-column>

      <el-table-column label="乳腺癌检出情况" align="center">
        <el-table-column prop="type4" label="小叶原位癌人数" align="center"></el-table-column>
        <el-table-column prop="type3" label="导管原位癌人数" align="center"></el-table-column>
        <el-table-column prop="type1" label="浸润性导管癌人数" align="center"></el-table-column>
        <el-table-column prop="type2" label="浸润性小叶癌人数" align="center"></el-table-column>
        <el-table-column prop="type6" label="其他恶性肿瘤人数" align="center"></el-table-column>
        <el-table-column prop="type7" label="不详人数" align="center"></el-table-column>
        <el-table-column prop="hejiNum" label="合计人数" align="center"></el-table-column>
        <el-table-column prop="rate2" label="乳腺癌检出率" align="center"></el-table-column>
      </el-table-column>

      <el-table-column label="TNM分期" align="center">
        <el-table-column prop="TNM0" label="0期" align="center"></el-table-column>
        <el-table-column prop="TNM1" label="1期" align="center"></el-table-column>
        <el-table-column prop="TNM2a" label="IIA期" align="center"></el-table-column>
        <el-table-column prop="TNM2b" label="IIB期" align="center"></el-table-column>
        <el-table-column prop="TNM3up" label="III期以上" align="center"></el-table-column>
        <el-table-column prop="TNMbuxiang" label="不详" align="center"></el-table-column>
        <el-table-column prop="rate3" label="获得TNM分期比率" align="center"></el-table-column>
        <el-table-column prop="rate4" label="乳腺癌早诊率" align="center"></el-table-column>
      </el-table-column>

      <el-table-column label="治疗情况" align="center">
        <el-table-column prop="num1" label="应治疗人数" align="center"></el-table-column>
        <el-table-column prop="yzlNum" label="已治疗人数" align="center"></el-table-column>
        <el-table-column prop="jzOrLostNum" label="拒诊治疗或失访人数" align="center"></el-table-column>
        <el-table-column prop="rate5" label="早治率" align="center"></el-table-column>
      </el-table-column>
      <el-table-column label="乳腺癌风险人群" align="center">
        <el-table-column prop="label1" label="一般风险" align="center"></el-table-column>
        <el-table-column prop="label2" label="高风险" align="center"></el-table-column>
        <el-table-column prop="labelWait" label="待评估" align="center"></el-table-column>
        <el-table-column prop="rate6" label="高风险人群比例" align="center"></el-table-column>
      </el-table-column>
    </template>
  </el-table>
  <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>

  <el-dialog :visible.sync="visible" :title="title" @close="closeDialog" width="1200px">
    <el-form inline size="mini">
      <el-form-item label="居民姓名：">
        <el-input v-model="query.name" placeholder="请输入居民姓名查询"></el-input>
      </el-form-item>
      <el-form-item label="手机号码：">
        <el-input v-model="query.mobile" placeholder="请输入手机号码"></el-input>
      </el-form-item>
      <el-form-item label="证件号码：">
        <el-input v-model="query.signDoctorName" placeholder="请输入证件号码查询"></el-input>
      </el-form-item>
      <el-form-item label="个人筛查状态：">
        <el-select v-model="query.sex">
          <el-option label="全部" value=""></el-option>
          <el-option label="男" value="1"></el-option>
          <el-option label="女" value="2"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="数据范围：">
        <el-select v-model="query.range" disabled>
          <el-option v-for="item in rangeOptions" :value="item.value" :label="item.label" :key="item.value"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="地区：" v-if="query.range == 'town'">
        <el-select v-model="query.area" disabled>
          <el-option v-for="(option, index) in dataRangeOption" :label="option.label" :value="option.value" :key="option.value"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="社区：" v-if="query.range == 'hospital'">
        <el-select v-model="query.hospital" disabled>
          <el-option v-for="(option, index) in dataRangeOption" :label="option.label" :value="option.value" :key="option.value"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="团队：" v-if="query.range == 'team'">
        <el-select v-model="query.team" disabled>
          <el-option v-for="(option, index) in dataRangeOption" :label="option.label" :value="option.value" :key="option.value"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="dialogSearchFn">查询</el-button>
        <el-button type="warning" @click="dialogExportFn" :disabled="dialogExportLoading">导出</el-button>
        <span @click="dialogReset" style="color: #676a6c; cursor: pointer">清除筛选条件</span>
      </el-form-item>
    </el-form>
    <el-table :data="dialogTableData" border v-loading="dialogLoading">
      <el-table-column type="index" label="序号"></el-table-column>
      <el-table-column v-for="item in dialogHeader" :label="item.label" :prop="item.prop" :key="item.prop" :render-header="renderHeader">
        <template slot-scope="scope">
          <span :class="`${item.prop=='name'||item.prop == 'patientName'?'pointer c-409eff':''}`" @click="seePatientDetail(scope.row, item.prop)">{{scope.row[item.prop]}}</span>
        </template>
      </el-table-column>
      <el-table-column label="操作">
        <template slot-scope="scope">
          <el-button type="text">查看服务记录</el-button>
        </template>
      </el-table-column>
    </el-table>
    <div style="display: flex; justify-content: flex-end; margin-top: 10px">
      <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"></el-pagination>
    </div>
  </el-dialog>
</div>