|
@ -0,0 +1,228 @@
|
|
|
<!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>
|