| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>慢阻肺手表数据</title>
- <meta name="author" content="yihu.com" />
- <meta name="format-detection" content="telephone=no" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"
- />
- <meta name="apple-mobile-web-app-capable" content="yes" />
- <meta name="apple-mobile-web-app-status-bar-style" content="black" />
- <link rel="stylesheet" type="text/css" href="../../../css/font-awesome.min.css" />
- <link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
- <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
- <link rel="stylesheet" type="text/css" href="../../../css/flex.css" />
- <link rel="stylesheet" type="text/css" href="../../../css/element-ui.css" />
- <link href="../../../plugins/toastr/toastr.min.css" rel="stylesheet">
- <link rel="stylesheet" type="text/css" href="../css/common.css" />
- <link rel="stylesheet" type="text/css" href="../css/mzfWorksheet.css" />
-
- </head>
- <body style="margin: 0;overflow-x: auto;" v-cloak>
- <div id="main" class="">
- <div class="ui-col-1 bgc-fff" style="min-width: 900px;">
- <div class="flexibleBox">
- <div class="maxBox">
- <div class="inquireTime">查询时间
- <el-date-picker
- v-model="startTime"
- type="date"
- placeholder="选择日期"
- :picker-options="setDisabled"
- @change='startTimeChange'>
- </el-date-picker> ~
- <el-date-picker
- v-model="endTime"
- type="date"
- placeholder="选择日期"
- :picker-options="setDisabled"
- @change='endTimeChange'>
- </el-date-picker>
- </div>
- <!-- <div class="mt10">
- <span class="mr10">地区</span>
- <el-select class="mr10" v-model="tertiary" placeholder="请选择" size="mini" multiple @change="tertiaryChange" @remove-tag="clearTertiary">
- <el-option
- v-for="item in tertiaryHospitalsData"
- :key="item.areaCode"
- :label="item.areaName"
- :value="item.areaCode">
- </el-option>
- </el-select>
- <span class="mr10">三级医院</span>
- <el-select class="mr10" v-model="communityHospitals" placeholder="请选择" size="mini" multiple @change="comChange" @remove-tag="clearCommunityHospitals">
- <el-option
- v-for="item in communityHospitalsData"
- :key="item.hospitalCode"
- :label="item.hospitalName"
- :value="item.hospitalCode">
- </el-option>
- </el-select>
- <span class="mr10">社区医院</span>
- <el-select v-model="group" placeholder="请选择" size="mini" multiple clearable @change="groChange" @remove-tag="clearGroup" >
- <el-option
- v-for="item in groupingData"
- :key="item.hospitalCode"
- :label="item.hospitalName"
- :value="item.hospitalCode">
- </el-option>
- </el-select>
- </div> -->
- <el-form class="handleNodeId-40 flex mt10">
- <!-- <el-form-item label="管理状态">
- <el-select v-model="region" placeholder="请选择" size="mini">
- <el-option
- v-for="item in regionData"
- :key="item.value"
- :label="item.label"
- :value="item.value">
- </el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="患者姓名" class="ml10">
- <el-input v-model="patientName" size="mini" width="400" placeholder="请输入患者姓名"></el-input>
- </el-form-item> -->
- <div class="selectedButton ml10 mt10" class="dept-select formLeft" style="width: 300px;line-height: 38px;">
- <el-button type="primary" size="mini" @click="confirm">查询</el-button>
- <el-button type="ff9526" size="mini" @click="exportHandle">导出</el-button>
- <!-- <el-button type="info" size="mini" @click="cancel">取消</el-button> -->
- </div>
- </el-form>
- </div>
- </div>
- <el-table border :data="tableData" style="width: 100%" v-loading="loadingTwo" height='550' class="mt20" >
- <template >
- <el-table-column type="index" width='50' label="序号" align="center"></el-table-column>
- <el-table-column prop="name" label="区域" align="center">
- </el-table-column>
- <!-- <el-table-column prop="name" label="三级医院" align="center"></el-table-column> -->
- <!-- <el-table-column prop="entryTime" label="社区医院" align="center"> -->
- </el-table-column>
- <el-table-column label="手表亚组总人数" align="center">
- <template slot-scope="scope">
- <div class="" style="color: #12B7F5;cursor: pointer;" @click="showInfo(scope.row)">{{scope.row.watchNum}}</div>
- </template>
- </el-table-column>
- <el-table-column prop="entryNum" label="入手表亚组总天数" align="center"></el-table-column>
- <el-table-column prop="rate" label="总有效数据天数百分" align="center"></el-table-column>
- <el-table-column prop="yesterdayNum" label="昨天活跃人数" align="center"></el-table-column>
- </template>
- </el-table>
-
- </div>
- <el-dialog
- title="患者详情"
- :visible.sync="dialogVisible"
- width="70%">
- <el-button type="ff9526" size="mini" @click="exportHandleList">导出</el-button>
- <el-table v-loading="loadingTwo" border :data="dataInfo" style="width: 100%" height="400" class="mt20" >
- <el-table-column type="index" width='50' label="序号" align="center"></el-table-column>
- <el-table-column prop="groupScreeningCode" label="受试者编号" align="center"></el-table-column>
- <el-table-column prop="name" label="患者姓名" align="center"></el-table-column>
- <el-table-column prop="deviceId" label="设备ID" align="center"></el-table-column>
- <el-table-column prop="watchTime" label="入手表亚组时间" align="center"></el-table-column>
- <el-table-column prop="doctorName" label="管理医生" align="center"></el-table-column>
- <el-table-column prop="entryNum" label="入手表亚组天数" align="center"></el-table-column>
- <el-table-column prop="rate" label="有效数据天数百分比(%)" align="center"></el-table-column>
- <el-table-column prop="synDate" label="同步数据时间" align="center"></el-table-column>
- <el-table-column label="操作" align="center">
- <template slot-scope="scope">
- <el-button @click="btn(scope.row)" type="text" size="small">查看</el-button>
- </template>
- </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>
- </el-dialog>
- <el-dialog :visible.sync="showPdf" width="70%" height="600px" title="患者个人详情">
- <div style="height: 35px;display: flex;line-height: 35px;text-align: center;">
- <div style="height: 100%;width: 100px;border: 1px solid #DDDDDD;cursor: pointer;" :style="(index+1)==copdListIndex?'background: rgb(64, 158, 255);color: #fff;':''" v-for="(item,index) in copdListTbas" :key="index" @click="tabClick(index+1)">{{item.name}}</div>
- </div>
- <el-button type="ff9526" size="mini" class="mt10" @click="exportcopdListData">导出</el-button>
- <el-table v-loading="loadingTwo" border :data="copdListData" style="width: 100%" height="400" class="mt20" >
- <!-- <el-table-column type="index" width='50' label="序号" align="center"></el-table-column> -->
- <el-table-column prop="name" label="患者姓名" align="center"></el-table-column>
- <el-table-column prop="groupScreeningCode" label="受试者编号" align="center"></el-table-column>
-
- <template v-if="copdListIndex==1">
- <el-table-column prop="date" label="数据时间" align="center"></el-table-column>
- <el-table-column prop="steps" label="总步数" align="center"></el-table-column>
- <el-table-column prop="distance" label="总距离(米)" align="center"></el-table-column>
- <el-table-column prop="walkTime" label="步行时长(分)" align="center"></el-table-column>
- <el-table-column prop="runDistance" label="跑步距离(米)" align="center"></el-table-column>
- <el-table-column prop="runTime" label="跑步时长(分)" align="center"></el-table-column>
- <el-table-column prop="calories" label="总燃烧卡路里(千卡)" align="center"></el-table-column>
- </template>
- <template v-if="copdListIndex==2">
- <el-table-column prop="date" label="数据时间" align="center"></el-table-column>
- <el-table-column prop="deep_sleep_time" label="深睡时长(分)" align="center"></el-table-column>
- <el-table-column prop="shallow_sleep_time" label="浅睡时长(分)" align="center"></el-table-column>
- <el-table-column prop="wake_time" label="清醒时长(分)" align="center"></el-table-column>
- <el-table-column prop="startDate" label="睡眠开始时间" align="center"></el-table-column>
- <el-table-column prop="stopDate" label="睡眠结束时间" align="center"></el-table-column>
- <el-table-column prop="sleep_score" label="睡眠得分" align="center"></el-table-column>
- </template>
- <template v-if="copdListIndex==3">
- <el-table-column prop="heartDate" label="数据时间" align="center"></el-table-column>
- <el-table-column prop="heart_rate_data" label="心率值" align="center"></el-table-column>
- </template>
- <template v-if="copdListIndex==4">
- <el-table-column prop="calendar_day" label="数据时间" align="center"></el-table-column>
- <el-table-column prop="daily_pai" label="每日PAI值" align="center"></el-table-column>
- <el-table-column prop="total_pai" label="本周PAI值" align="center"></el-table-column>
- </template>
- <template v-if="copdListIndex==5">
- <el-table-column prop="date" label="数据时间" align="center"></el-table-column>
- <el-table-column prop="spo2" label="血氧" align="center"></el-table-column>
- </template>
- <template v-if="copdListIndex==6">
- <el-table-column prop="date" label="数据时间" align="center"></el-table-column>
- <el-table-column prop="exportKeyName" label="分数类型" align="center"></el-table-column>
- <el-table-column prop="score" label="健康分" align="center"></el-table-column>
- </template>
-
- </el-table>
- <div class="c-t-right mt20">
- <el-pagination
- @current-change="handleCurrentChangeTwo"
- :current-page.sync="currentPageTwo"
- :page-size="currentSizeTwo"
- layout="total, prev, pager, next, jumper"
- :total="datatotalTwo">
- </el-pagination>
- </div>
- </el-dialog>
- </div>
- <script src="../../../js/FileSaver/FileSaver.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../js/jquery-2.2.4.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../js/element-ui.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../plugins/toastr/toastr.min.js"></script>
- <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../api/home-api.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../api/statistics-api.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../component/common/event-bus.js"></script>
- <script src="../../../component/statistics/header-tab.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../component/statistics/header-prompt.js" type="text/javascript" charset="utf-8"></script>
- <script type="text/javascript" src="../../../api/sign_api.js"></script>
- <script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
- <!-- <script src="../js/watches.js" type="text/javascript" charset="utf-8"></script> -->
- </body>
- </html>
|
