| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209 |
- <!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="flex maxBox">
- <div class="title">已选</div>
- <div class="flex selectedBox">
- <div class="selected" v-for="(item,index) in list" :key="index">
- {{item.type==1?'地区':item.type==2?'三级医院':item.type==3?'社区医院':item.type==4?'分组':item.type==5?'管理状态':'时间'}}：{{item.label}} <i class="el-icon-circle-close" @click="deleteClick(item)"></i>
- </div>
- </div>
- <div class="selectedButton">
- <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>
- </div>
- <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="flex maxBox mt10">
- <div class="flex selectedBoxTwo">
- <div class="selectedBoxTwoTitle">地区</div>
- <el-checkbox-group v-model="regionList" @change="change">
- <el-checkbox v-for="(t,x) in regionData" :key="x" :label="t" :key="t.label">{{t.label}}</el-checkbox>
- </el-checkbox-group>
- </div>
- </div>
- <template v-if="show">
- <div class="flex maxBox mt10">
- <div class="titleHospital">三级医院</div>
- <div class="flex selectedHospital" :style="showTwo?'overflow: inherit;height: auto;':'overflow: hidden;height:20px;'">
- <el-checkbox-group v-model="regionListList" @change="change">
- <el-checkbox v-for="(m,i) in tertiaryHospitalsData" :key="i" :label="m" :key="m.label">{{m.label}}</el-checkbox>
- </el-checkbox-group>
- </div>
- <div class="selectedButtonTwo" @click="showTwo = !showTwo">
- {{!showTwo?'更多选项':'收起'}}
- <i class="el-icon-arrow-down" v-if="!showTwo"></i><i class="el-icon-arrow-up" v-if="showTwo"></i>
- </div>
- </div>
- <div class="flex maxBox mt10">
- <div class="titleHospital">社区医院</div>
- <div class="flex selectedHospital" :style="showThree?'overflow: inherit;height: auto;':'overflow: hidden;height:20px;'">
- <el-checkbox-group v-model="communityHospitalsList" @change="change">
- <el-checkbox v-for="(q,n) in communityHospitalsData" :key="n" :label="q" :key="q.label">{{q.label}}</el-checkbox>
- </el-checkbox-group>
- </div>
- <div class="selectedButtonTwo" @click="showThree = !showThree">
- {{!showThree?'更多选项':'收起'}}
- <i class="el-icon-arrow-down" v-if="!showThree"></i><i class="el-icon-arrow-up" v-if="showThree"></i>
- </div>
- </div>
- <div class="flex maxBox mt10">
- <div class="flex selectedBoxTwo">
- <div class="selectedBoxTwoTitle">分组</div>
- <el-checkbox-group v-model="groupingList" @change="change">
- <el-checkbox v-for="(y,d) in groupingData" :key="d" :label="y" :key="y.label">{{y.label}}</el-checkbox>
- </el-checkbox-group>
- </div>
- </div>
- <div class="flex maxBox mt10">
- <div class="flex selectedBoxTwo">
- <div class="selectedBoxTwoTitle">管理状态</div>
- <el-checkbox-group v-model="administrationStatusList" @change="change">
- <el-checkbox v-for="(k,e) in administrationStatusData" :key="e" :label="k" :key="k.label">{{k.label}}</el-checkbox>
- </el-checkbox-group>
- </div>
- </div>
- </template>
- <div class="more" @click="show = !show">{{!show?'更多选项':'收起'}}<i class="el-icon-arrow-down" v-if="!show"></i><i class="el-icon-arrow-up" v-if="show"></i></div>
- </div>
-
-
- <el-table border :data="mzfSfzmxData" 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 label="社区中心基本信息" align="center">
- <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="name"
- label="社区中心名称"
- align="center">
- </el-table-column>
- </el-table-column>
- </el-table-column>
- <el-table-column prop="name" label="分组" align="center"></el-table-column>
- <el-table-column prop="name" label="启动筛选时间(YYYY/MM/DD)" align="center"></el-table-column>
- <el-table-column prop="name" label="首例入组时间(YYYY/MM/DD)" align="center"></el-table-column>
- <el-table-column prop="" label="随访例数" align="center">
- <el-table-column
- prop=""
- label="v1筛选"
- align="center">
- </el-table-column>
- <el-table-column
- prop=""
- label="v2入组"
- align="center">
- </el-table-column>
- <el-table-column
- prop=""
- label="v3"
- align="center">
- </el-table-column>
- <el-table-column
- prop=""
- label="v4"
- align="center">
- </el-table-column>
- <el-table-column
- prop=""
- label="v5"
- align="center">
- </el-table-column>
- <el-table-column
- prop=""
- label="v6"
- align="center">
- </el-table-column>
- <el-table-column
- prop=""
- label="合计"
- align="center">
- </el-table-column>
- </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>
- </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>
- </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/mzfSfzmx.js" type="text/javascript" charset="utf-8"></script>
- </body>
- </html>
|
