123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304 |
- <!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="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="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="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"
- :span-method="objectSpanMethod"
- 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>
- <el-table-column label="社区中心基本信息" align="center">
- <el-table-column
- prop="areaName"
- label="所属区域"
- align="center">
- </el-table-column>
- <el-table-column
- prop="gradeHospitalName"
- label="分管三级医院"
- align="center">
- </el-table-column>
- <el-table-column
- prop="hospitalName"
- label="社区中心名称"
- align="center">
- </el-table-column>
- </el-table-column>
- <el-table-column prop="groupName" label="组别" align="center"></el-table-column>
- <el-table-column prop="groupName" label="目标v2入组例数" align="center"></el-table-column>
- <el-table-column prop="createTime" label="完成V1入筛选期累计例数" align="center"></el-table-column>
- <el-table-column prop="createTime" label="首例V2入组时间(YYYY/MM/DD)" align="center"></el-table-column>
- </el-table-column>
- <el-table-column prop="" label="完成各随访累计例(次)数" align="center">
- <el-table-column
- prop="v1Count"
- label="V2入组"
- align="center">
- <el-table-column label="正常访视" align="center"> </el-table-column>
- <el-table-column label="超窗" align="center"> </el-table-column>
- <el-table-column label="累计" align="center"> </el-table-column>
- </el-table-column>
- <el-table-column
- prop="v2Count"
- label="V3"
- align="center">
- <el-table-column label="正常访视" align="center"> </el-table-column>
- <el-table-column label="超窗" align="center"> </el-table-column>
- <el-table-column label="累计" align="center"> </el-table-column>
- </el-table-column>
- <el-table-column
- prop="v3Count"
- label="V4"
- align="center">
- <el-table-column label="正常访视" align="center"> </el-table-column>
- <el-table-column label="超窗" align="center"> </el-table-column>
- <el-table-column label="累计" align="center"> </el-table-column>
- </el-table-column>
- <el-table-column
- prop="v4Count"
- label="V5"
- align="center">
- <el-table-column label="正常访视" align="center"> </el-table-column>
- <el-table-column label="超窗" align="center"> </el-table-column>
- <el-table-column label="累计" align="center"> </el-table-column>
- </el-table-column>
- <el-table-column
- prop="v5Count"
- label="V6"
- align="center">
- <el-table-column label="正常访视" align="center"> </el-table-column>
- <el-table-column label="超窗" align="center"> </el-table-column>
- <el-table-column label="累计" align="center"> </el-table-column>
- </el-table-column>
- <el-table-column
- prop="followAllCount"
- label="合计"
- align="center">
- <el-table-column label="正常访视" align="center"> </el-table-column>
- <el-table-column label="超窗" align="center"> </el-table-column>
- <el-table-column label="累计" align="center"> </el-table-column>
- </el-table-column>
- </el-table-column>
- <el-table-column label="提前结束研究(脱落)累计例数">
- <el-table-column label="V3" align="center"></el-table-column>
- <el-table-column label="V4" align="center"></el-table-column>
- <el-table-column label="V5" align="center"></el-table-column>
- <el-table-column label="V6" align="center"></el-table-column>
- <el-table-column label="合计 align="center"></el-table-column>
- </el-table-column>
- <el-table-column prop="" label="提前结束研究(脱落)原因累计例数" align="center">
- <el-table-column
- prop=""
- label="SAE"
- align="center">
-
- </el-table-column>
- <el-table-column
- prop=""
- label="病情恶化"
- align="center">
-
- </el-table-column>
- <el-table-column
- prop=""
- label="并发其他疾病"
- align="center">
-
- </el-table-column>
- <el-table-column
- prop=""
- label="自愿退出"
- align="center">
-
- </el-table-column>
- <el-table-column
- prop=""
- label="研究者终止"
- align="center">
-
- </el-table-column>
- <el-table-column
- prop=""
- label="不符合纳排"
- align="center">
-
- </el-table-column>
- <el-table-column
- prop=""
- label="失访"
- align="center">
-
- </el-table-column>
- <el-table-column
- prop=""
- label="妊娠"
- align="center">
-
- </el-table-column>
- <el-table-column
- prop=""
- label="死亡"
- align="center">
-
- </el-table-column>
- <el-table-column
- prop=""
- label="其他"
- align="center">
-
- </el-table-column>
-
- </el-table-column>
- <el-table-column prop="managedCount" label="在管(随访中)累计例数" align="center">
- <el-table-column label="V2-V6随访中" align="center"></el-table-column>
- </el-table-column>
- <el-table-column prop="fallOffNum" 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/dejdsqyysfjd.js" type="text/javascript" charset="utf-8"></script>
- </body>
- </html>
|