| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198 |
- <!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 class="mr10" v-model="group" placeholder="请选择" size="mini" multiple @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-select v-model="stageType" placeholder="请选择" size="mini">
- <el-option
- v-for="item in stageData"
- :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" label="序号" align="center" width="50"></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>
- <el-table-column prop="age" label="年龄" align="center">
- </el-table-column>
- <el-table-column prop="" label="性别" align="center">
- <template slot-scope="scope">
- <span>{{ scope&&scope.row.sex == 1 ? '男' : '女' }}</span>
- </template>
- </el-table-column>
- <el-table-column prop="idcard"" label="身份证" align="center"></el-table-column>
- <el-table-column prop="mobile"" label="手机号" align="center"></el-table-column>
- <el-table-column prop="ssc" label="社保卡号" align="center"></el-table-column>
- <el-table-column prop="communityHospitalName" label="关联社区医院" align="center"></el-table-column>
- <el-table-column prop="communityDoctorName" label="关联社区医生" align="center"></el-table-column>
- <el-table-column prop="stageName" label="管理状态" align="center">
- </el-table-column>
-
- <el-table-column prop="groupScreeningName" label="分组" align="center"></el-table-column>
- <el-table-column prop="copdCreatTime"" label="添加时间" align="center"></el-table-column>
- <el-table-column prop="create_time" 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">
- <el-button @click="showInfo(scope.row)" type="text" size="small">管理详细过程</el-button>
- </template>
- </el-table-column>
- </template>
- </el-table>
- <template>
- <div class="c-t-right mt20 block" width="100%">
- <el-pagination
- @current-change="handleCurrentChange"
- :current-page.sync="currentPage"
- :page-size="currentSize"
- :pager-count="10"
- layout="total, prev, pager, next, jumper"
- :total="datatotal">
- </el-pagination>
- </div>
- </template>
- </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="visit_count" label="随访计划" align="center"></el-table-column>
- <el-table-column prop="followup_plan_date" label="随访计划时间" align="center"></el-table-column>
- <el-table-column prop="statusName" label="随访状态" align="center"></el-table-column>
- <el-table-column prop="create_time" label="随访提交时间" align="center"></el-table-column>
- <el-table-column prop="examine_time" label="审核时间" align="center"></el-table-column>
- <el-table-column prop="check_time" label="稽查时间" align="center"></el-table-column>
- <el-table-column label="操作" align="center">
- <template slot-scope="scope">
- <el-button @click="showJl(scope.row)" type="text" size="small"> 随访记录</el-button>
- </template>
- </el-table-column>
- </el-table>
- </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/mzfHzcx.js" type="text/javascript" charset="utf-8"></script>
- </body>
- </html>
|
