| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172 |
- <!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>
- <style>
-
- </style>
- <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='650' class="mt20" >
- <template >
- <el-table-column type="index" width='50' label="序号" align="center"></el-table-column>
- <el-table-column prop="patientCode" label="患者ID" 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 prop="doctorName" label="管理医生" align="center"></el-table-column>
- <el-table-column prop="startLoad" label="起始训练组抗" align="center"></el-table-column>
- <el-table-column prop="targetLoad" label="当前训练组抗" align="center"></el-table-column>
- <el-table-column prop="groupDays" label="入组天数" align="center"></el-table-column>
- <el-table-column prop="compliance" label="训练依从性（有效训练总天数/入组天数*100%）" align="center"></el-table-column>
- <el-table-column label="操作" align="center">
- <template slot-scope="scope">
- <el-button @click="showInfo(scope.row)" type="text" size="small">查看</el-button>
- </template>
- </el-table-column>
- </template>
- </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>
- </div>
- <el-dialog
- title="个人详情"
- :visible.sync="dialogVisible"
- width="70%">
- <el-table v-loading="loadingTwo" border :data="dataInfo" style="width: 100%" height="500" class="mt20" >
- <!-- <el-table-column type="index" width='50' label="序号" align="center"></el-table-column> -->
- <el-table-column prop="userName" label="患者姓名" align="center"></el-table-column>
- <el-table-column prop="groupTime" label="报告时间列表" align="center"></el-table-column>
- <el-table-column prop="groupDays" label="当日训练组数" align="center"></el-table-column>
- <el-table-column prop="startLoad" label="当前训练组数" align="center"></el-table-column>
- <el-table-column prop="compliance" label="本次最佳压力（最大吸气肌力MIP）" 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">pdf报告</el-button>
- </template>
- </el-table-column>
- </el-table>
- </el-dialog>
- <el-dialog :visible.sync="showPdf" width="70%" height="600px">
- <iframe :src="url" frameborder="0" width="100%" height="600px"></iframe>
- </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/mzfHxsj.js" type="text/javascript" charset="utf-8"></script>
- </body>
- </html>
|
