raolu
/
PC-application


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183
							<!DOCTYPE html>
<html>
	<head>

	    <meta charset="utf-8">
	    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	
	    <!--360浏览器优先以webkit内核解析-->
	
	
	    <title>厦门i健康-客户服务平台</title>
		<link href="../../../../css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet" />
    <link href="../../../../css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet" />
    <link href="../../../../css/jqgrid/ui.jqgridffe4.css?0820" rel="stylesheet" />
    <link href="../../../../css/animate.min.css" rel="stylesheet" />
    <link href="../../../../css/style1.min.css?v=4.1.0" rel="stylesheet" />
	<link rel="stylesheet" type="text/css" href="../../../../css/element-ui.css"/>
	<link rel="stylesheet" type="text/css" href="../../../../css/element-ui.css" />
	    <style>
	    	body {padding-top: 20px;}
	    	.w20 {
	    		width: 20px
	    	}
	    	.w120 {
	    		width: 120px;
	    	}
	    	.h34 {
	    		display: block;
	    		height: 34px;
	    		line-height: 34px;
	    	}
	    	.w100 {
	    		display: inline-block;
	    	}
	    	.h34 input {
	    		display: inline-block;
	    		height: 32px;
	    		line-height: 32px;
	    		border-radius: 2px;
	    	}
	    	.ti1 {
	    		display: inline-block;
	    		text-indent: 1em;
	    	}
	    	.bd1 {border: 1px solid #999;}
	    	ul {
	    		list-style: none;
	    		padding: 20px;
	    		font-size: 14px;
	    	}
	    	.fc-999 {
	    		color: #999;
	    	}
	    	.btn {
	    		display: inline-block;
	    		border: 1px solid #12B7F5;
	    		color: #12B7F5;
	    	}
	    	.w280 {
	    		width: 280px;
	    		margin: 20px auto 0;
	    	}
				.referenceItems{
					position: absolute;
					width: 280px;
					height: 200px;
					right: 144px;
					background-color: #f5f5f5;
					overflow-y: scroll;
					padding: 10px;
					bottom: 21px;
				}
				.item{
					display: flex;
					height: 60px;
					align-items: center;
					border-bottom: 1px solid #e4e1e1;
				}
				.user-info{

				}
				.el-checkbox__input{
					display: flex;
					position: absolute;
					margin-top: 14px;
				}
	    </style>
	</head>
	<body>
		<div id="app">
			<div  class="pl30 pr30">
				<visit-info :param="param"></visit-info>
				<visitor-info :param="param"></visitor-info>
			</div>
			<div class="pl30 pr30"><div class="c-f16 c-border-b pb5">参考信息</div>
			<ul class="pl40">
				<li class="h34">
					<span class="fc-999 mr40 w100">就诊类型</span>
					<div class="radio-inline">
						<input type="radio"  name="killOrder" id="killOrder1" value="1" style="margin-top: 2px;" checked/>
						<label for="killOrder1">普诊</label>
					</div>
					<div class="radio-inline">
						<input type="radio"  name="killOrder" id="killOrder2" value="2"  style="margin-top: 2px;"/>
						<label for="killOrder2">复诊</label>
					</div>
				</li>
				<li class="" style="display: flex;">
					<span class="fc-999 mr40 w100">参考信息</span>
					<div class="input-group" @click="referenceShow = !referenceShow">
					  <input
					    id="Type"
					    :placeholder="placeholder"
					    type="text"
					    class="form-control"
					    name="Type"
					    readonly="readonly" />
					  <div class="input-group-btn">
					    <button
					      type="button"
					      class="btn btn-white dropdown-toggle"
					      data-toggle="dropdown"
					      aria-haspopup="true"
					      aria-expanded="false">
					      <span class="caret"></span>
					    </button>
					    <ul class="dropdown-menu dropdown-menu-right"></ul>
					  </div>
					</div>
					<div class="referenceItems ti1" v-if="referenceShow">
						<el-checkbox-group v-model="checkList">
							<div class="item" v-for="(item,index) in tablelist" :key='index'>
							    <el-checkbox :label="item">
									<div class="user-info">
										<div style="height: 15px;line-height: 15px;">{{item.patientName}} <span>记录于{{item.czrq}}</span></div>
										<div style="height: 15px;line-height: 15px;">{{item.templateTitle}}</div>
										<div style="height: 15px;line-height: 15px;" style="color: #FF9933;">{{item.screenResult}}</div>
									</div>
								</el-checkbox>
							<!-- <input type="checkbox" name="referInfo" value="0"> -->
							
							</div>
						</el-checkbox-group>
						<div class="" v-if="pagetotal>1" style="text-align: center;margin-top: 5px;cursor: pointer;" @click="more">
							查看更多
						</div>
					</div>

				</li>
				<li class="h50">
					<span class="fc-999 mr40 w100">转诊原因</span> 
					<textarea id="textarea"  v-model="EDUCATE_CONTENT" placeholder='简要说明一下，居民初步诊断或转诊目的（选填）' class="ti1" style="margin-top: 20px;height: 100px;"></textarea>
				</li>
			</ul>
			</div>
			<div class="w280 mt50"><span class="btn w120 mr40" @click="submitBtn">确&nbsp;认</span><span class="btn w120" id="closeBtn">取&nbsp;消</span></div>
		</div>
    <script src="../../../../js/vue.js"></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/layer/layer.min.js"></script>
	<script src="../../../../api/http-request.js"></script>
	<script src="../../../../js/element-ui.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../../plugins/suggest/bootstrap-suggest.min.js"></script>
	<script src="../../../../component/common/pagination.js"></script>
    <script src="../../../../js/underscore.js"></script>
    <script src="../../../../js/es6-promise.js"></script>
    <script src="../../../../js/util.js"></script>
    <script src="../../../../js/validate/jquery.validate.min.js"></script>
    <script src="../../../../js/validate/messages_zh.min.js"></script>
    <script src="../../../../plugins/toastr/toastr.min.js"></script>
    <script src="../../../../plugins/datepicker/bootstrap-datepicker.js"></script>
    <script src="../../../../plugins/jqgrid/i18n/grid.locale-cnffe4.js?0820"></script>
    <script src="../../../../plugins/jqgrid/jquery.jqGrid.minffe4.js"></script>
    <script src="../../../../component/common/event-bus.js"></script>
	<script src="../../appointment/visit-info.js"></script>
	<script src="../../appointment/visitor-info.js"></script>
	<script src="../../../../api/jbsc-api.js"></script>
	<script src="../../js/api-service.js"></script>
	<script src="appoint-commit.js"></script>
	</body>
</html>