raolu
/
PC-application


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274
							<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <meta name="referrer" content="no-referrer" />
    <title>疾病筛查</title>
    <link rel="shortcut icon" href="../../../favicon.ico" />
    <link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/element-ui.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
    <link href="../../../plugins/toastr/toastr.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="../css/statistics.css" />
  </head>

  <body>
    <div id="app" v-cloak>
      <div class="re-title no-select">
        <div class="name">筛查统计</div>
      </div>
      <!--筛查数据模型-->
      <div id="sc_datamodel" class="boxcenter p10">
        <div class="div-table plr80">
          <div class="table-row">
            <div class="table-cell">
              <div class="ui-grid">
                <div class="ui-col-1">
                  <div class="bigbox bgc1-12B7F5 numcircle">
                    <span class="pl20 c-12B7F5"></span>
                    筛查表管理
                  </div>
                  <div class="bgc-D7F3FE c-border-radius-blr plr20 ptb10">
                    <div class="border-6FD7FE bgc-6fd7fe">
                      <div class="c-fff c-f16 lheight-24">筛查表</div>
                      <div class="c-12B7F5 smallbox">
                        <span class="c-f20">{{Statics.useTemplateCount}}</span>
                        个
                      </div>
                    </div>
                    <img src="../images/jiantou_02_img.png" class="mt-4" />
                    <div class="border-6FD7FE bgc-6fd7fe">
                      <div class="c-fff c-f16 lheight-24">已下发问卷</div>
                      <div class="c-12B7F5 smallbox">
                        <span class="c-f20">{{Statics.grantCount}}</span>
                        份
                      </div>
                    </div>
                  </div>
                </div>
                <div class="ui-col-0"><img src="../images/jiantou_03_img.png" class="mt10 ml-2" /></div>
              </div>
            </div>
            <div class="table-cell plr30">
              <div class="ui-grid">
                <div class="ui-col-1">
                  <div class="bigbox bgc1-2DBE55 numcircle">
                    <span class="pl20 c-2DBE55"></span>
                    筛查记录
                  </div>
                  <div class="bgc-DCFDE6 c-border-radius-blr plr20 ptb10">
                    <div class="border-61D882 mb20 bgc-61D882">
                      <div class="c-fff c-f16 lheight-24">疑似高危</div>
                      <div class="c-2DBE55 smallbox">
                        <span class="c-f20">{{Statics.dangetCount}}</span>
                        份
                      </div>
                    </div>
                    <div class="border-61D882 bgc-61D882">
                      <div class="c-fff c-f16 lheight-24">健康跟踪</div>
                      <div class="c-2DBE55 smallbox">
                        <span class="c-f20">{{Statics.followCount}}</span>
                        份
                      </div>
                    </div>
                  </div>
                </div>
                <div class="ui-col-0">
                  <img src="../images/jiantou_04_img.png" class="mt10 ml-2" />
                  <img src="../images/jiantou_01_img.png" class="jiantou01" />
                </div>
              </div>
            </div>
            <div class="table-cell">
              <div class="bigbox bgc1-FF9630 numcircle">
                <span class="pl20 c-FF9630"></span>
                病人服务
              </div>
              <div class="bgc-FEEEDF c-border-radius-blr plr20 ptb10">
                <div class="border-FAB675 mb20 bgc-FAB675">
                  <div class="c-fff c-f16 lheight-24">预约转诊</div>
                  <div class="c-FF9630 smallbox">
                    <span class="c-f20">{{Statics.orderCount}}</span>
                    份
                  </div>
                </div>
                <div class="border-FAB675 bgc-FAB675">
                  <div class="c-fff c-f16 lheight-24">社区随访</div>
                  <div class="c-FF9630 smallbox">
                    <span class="c-f20">{{Statics.orderCount}}</span>
                    份
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!--疑似高危记录表-搜索-->
      <div id="sc_searchbar" class="pt20">
        <div id="datamodeltap" class="up_datamodel" @click="datamodeltap()">
          <span class="c-12B7F5 c-f14 pl20">收起</span>
        </div>
        <div class="tabs tabs-two c-position-r" data-toggle="tabs" data-toggle-tabs="oneIframe">
          <ul class="nav nav-tabs plr20">
            <li role="presentation" :class="{'active':isDanger=='1'}" @click="gettable('1')">
              <a href="javascript:;">疑似高危记录表</a>
            </li>
            <li role="presentation" :class="{'active':isDanger!='1'}" @click="gettable('')">
              <a href="javascript:;">所有记录</a>
            </li>
          </ul>
          <!--<div class="tabs-hd clearfix">
							<a href="javascript:;" :class="{curr:isDanger=='1'}" @click="gettable('1')"><span>疑似高危记录表</span></a>
							<a href="javascript:;" :class="{curr:isDanger==''}" @click="gettable('')"><span>所有记录</span></a>
						</div>-->
          <div class="tabs-bd pt20 plr20">
            <div class="dataCell form-group">
              <div class="w160 inline c-vam">
                <div class="input-group">
                  <input
                    id="Type"
                    placeholder="请选择筛查类型"
                    type="text"
                    class="form-control bgc-fff"
                    name="Type"
                    readonly="readonly" />
                  <div class="input-group-btn">
                    <button
                      type="button"
                      class="btn btn-white dropdown-toggle"
                      data-toggle="dropdown"
                      aria-haspopup="true"
                      aria-expanded="false">
                      <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu dropdown-menu-right"></ul>
                  </div>
                </div>
              </div>
            </div>
            <div class="dataCell form-group">
              <div class="w160 inline c-vam">
                <div class="input-group">
                  <input
                    id="Status"
                    placeholder="请选择管理情况"
                    type="text"
                    class="form-control"
                    name="Status"
                    readonly="readonly" />
                  <div class="input-group-btn">
                    <button
                      type="button"
                      class="btn btn-white dropdown-toggle"
                      data-toggle="dropdown"
                      aria-haspopup="true"
                      aria-expanded="false">
                      <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu dropdown-menu-right"></ul>
                  </div>
                </div>
              </div>
            </div>
            <input
              class="form-control w-220 fl"
              style="height: 28px; border-radius: 3px"
              placeholder="请输入居民姓名"
              v-model="name" />
            <span class="btn bgc-12B7F5 fl ml20" @click="search(1)">查询</span>
            <span class="btn bgc-12B7F5 ml20 right" @click="shaicha()">人工筛查</span>
          </div>
        </div>
      </div>
      <!--疑似高危记录表-表格-->
      <div id="sc_table" class="p20">
        <table class="table-bordered table-striped width-100 c-t-center">
          <thead>
            <tr>
              <th>姓名</th>
              <th>筛查类型</th>
              <th>评分</th>
              <th>状态</th>
              <th>评估</th>
              <th>时间</th>
              <th style="width: 200px">管理情况</th>
            </tr>
          </thead>
          <tbody>
            <tr v-if="!wujilu" v-for="(data, index) in tablelist">
              <td style="width: 80px">{{data.patientName}}</td>
              <td @click="view(data)">{{data.templateTitle}}</td>
              <td class="c-FF9630" style="width: 50px">{{data.screenResultScore?data.screenResultScore+"分":""}}</td>
              <td style="width: 70px">
                <div v-if="data.isAgain==1&&data.isDanger==1">
                  <span v-if="data.following==1">已跟踪</span>
                  <span v-if="data.isOrder==1">已预约</span>
                  <span v-if="data.isOrder==2">已接诊</span>
                  <span v-if="data.following==0&&data.isOrder==0">待处理</span>
                  <span v-if="data.isDanger==0">日常健康管理</span>
                </div>
                <div v-else>&nbsp;</div>
              </td>
              <td>{{data.screenResult}}</td>
              <td style="width: 155px">{{data.czrq}}</td>
              <td style="width: 200px">
                <div v-if="data.isAgain==1 && data.isDanger==1">
                  <div v-if="data.isOrder==1" class="c-12B7F5">已预约</div>
                  <div v-else-if="data.following==0 && data.isOrder==0">
                    <span class="btn bgc-FF9630 fl ml10" @click="jkgz(data) " v-if="data.disease!=3">健康跟踪</span>
                    <span class="btn bgc-FF9630 fl ml10" @click="sqsf(data) " v-else>社区随访</span>
                    <span class="btn bgc-02cfb9 fl ml10" @click="zhuanzhen(data)">转诊</span>
                  </div>
                  <div v-else-if="data.following==1">
                    <span class="btn bgc-2DBE55 fl ml10" @click="jkjy(data)">健康教育</span>
                    <span class="btn bgc-12B7F5 fl ml10" @click="shaicha(data,1)">再次筛查</span>
                  </div>
                  <div v-else-if="data.isOrder==2" class="c-12B7F5">已接诊</div>
                </div>
                <div v-else-if=" data.isDanger==0">
                  <div class="btn bgc-12B7F5" style="text-align: center" @click="jkzd(data)">健康指导</div>
                </div>
              </td>
            </tr>
            <tr v-if="wujilu">
              <td colspan="7">无记录</td>
            </tr>
          </tbody>
        </table>
        <navigation
          :pages="pagetotal"
          :current="currentPage"
          @navpage="search"
          :total="total"
          :size="pagesize"></navigation>
      </div>
      <el-dialog title="提示" :visible.sync="centerDialogVisible" width="40%" center>
        <span>是否纳入本社区随访</span>
        <span slot="footer" class="dialog-footer">
          <el-button @click="centerDialogVisible = false">取 消</el-button>
          <el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
        </span>
      </el-dialog>
    </div>
    <script type="text/javascript" src="../../../js/vue.js"></script>
    <script type="text/javascript" src="../../../js/jquery-2.2.4.js"></script>
    <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../plugins/toastr/toastr.min.js"></script>
    <script src="../../../js/element-ui.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../plugins/layer/layer.min.js"></script>
    <script src="../../../js/util.js"></script>
    <script src="../../../api/http-request.js"></script>
    <script src="../../../js/underscore.js"></script>
    <script src="../../../plugins/suggest/bootstrap-suggest.min.js"></script>
    <script src="../../../component/common/pagination.js"></script>
    <script src="../../../api/jbsc-api.js"></script>
    <script src="../js/statistics.js"></script>
  </body>
</html>