raolu
/
PC-application


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
		<meta name="referrer" content="no-referrer" />
		<title>服务记录</title>
		<link rel="shortcut icon" href="../../../favicon.ico">
		<link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
		<link href="../../../plugins/toastr/toastr.min.css" rel="stylesheet">
		<style type="text/css">
			body{background: #f5f5f5;}
			.flex-box{
			  display: -webkit-box;
			  display: -ms-flexbox;
			  display: flex;
			  -webkit-box-pack: center;
			      -ms-flex-pack: center;
			          justify-content: center;
			  -webkit-box-align: center;
			      -ms-flex-align: center;
			          align-userInfos: center;
			}
			.flex-box-item{
			  -webkit-box-flex: 1;
			      -ms-flex: 1;
			          flex: 1;
			}
			[v-cloak]{display: none;}
			.icon{width: 21px;height: 21px;vertical-align:middle;display: inline-block;background-size: auto 100%;background-position: center center;background-repeat: no-repeat;}
			.icon-submit{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTVDOTU5OTIzMDlEMTFFOEEwQTNGOTRDM0NEODM3N0UiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTVDOTU5OTEzMDlEMTFFOEEwQTNGOTRDM0NEODM3N0UiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjlEMTc4Rjc3MEE0MTExRTg5RjBBRTlCRTRGQTk3M0MzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjlEMTc4Rjc4MEE0MTExRTg5RjBBRTlCRTRGQTk3M0MzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ohj6EQAAAWlJREFUeNqMkk0oBVEUx+88+dgKxcZCUiS5a56NhQUP6aWs9BYWk5WsiGQrYvVmQ7IhJEKJjQUvKTWWkvWTFMlCPl7jd+bNjGnydev3n3Nnzv/cufcew3EcFQxLl6LD0Af1UAK3kIFFOFKm7RpiIVMPegMp2IFuaIFReIU92CWvTNINd0VLJ4nXYQamqPqmosPSDegG5KDVcNLNVQTXsIBhUv02LF2B2rApvzoCdzCt/jceoU2MCVhhtY8/VqtBz0AOJyHGWrgMJcxDe8TUhJ5CFuIsko39UP+A5JRniqMncA4dmJ7865Ar0IHFtGXPY7CEaZXnoRwGJPn24hUrFOM2DDIpCpnn3ESlukDiId7lPFMnei/XUUlwBWk+jkf2VhAY8vNy9EK24jdAP5M1mIUJkt+/OdU6dOurAfxetbS02DI8u/vLH4bE1d6VSfFjGKDwgxFpculDE3qhEYq95si4RU1730/9FGAA8H55RsdHM3kAAAAASUVORK5CYII=);width: 14px;height: 14px;}
			.c-container{width: 500px;margin: 0 auto;padding: 10px 10px 0;overflow: hidden;background: #fff;height: 360px;position: relative;}
			.label-title{font-size: 15px;font-weight: bold;line-height: 1;}
			.label-list{margin: 0;padding: 10px 0 0 10px;font-size: 0;list-style: none;}
			.label-list li{width: 80px;text-align: center;margin-right: 10px;margin-bottom: 10px;cursor: not-allowed;border-radius: 10px;display: inline-block;font-size: 12px;height: 20px;line-height: 20px;border: 1px solid #c8c8c8;color: #c8c8c8;}
			.scroll-box{overflow-x: auto;height: 300px;}
			.label-list li.active,.label-list li.optional,.label-list li.luck{cursor: pointer;}
			.luck{color: #fff!important;}
			.bgc-12b7f5  li.active{background-color: #12B7F5;color: #fff;border-color: #12B7F5;}
			.bgc-12b7f5  li.optional,.bgc-12b7f5  li.luck{border-color: #12B7F5;color: #12B7F5;}
			.bgc-2DBE55 li.active{background-color: #2DBE55;color: #fff;border-color: #2DBE55;}
			.bgc-2DBE55 li.optional{border-color: #2DBE55;color: #2DBE55;}
			.bgc-ff3b30 li.active{background-color: #ff3b30;color: #fff;border-color: #ff3b30;}
			.bgc-ff3b30 li.optional,.bgc-ff3b30 li.luck{border-color: #ff3b30;color: #ff3b30;}
			.bgc-FF9630 li.active{background-color: #FF9630;color: #fff;border-color: #FF9630;}
			.bgc-FF9630 li.optional,.bgc-FF9630 li.luck{border-color: #FF9630;color: #FF9630;}
			.edit-value{background-color: transparent;border: none;border-bottom: 1px solid #FF9630;height: 15px;width: 50px;}
			.edit-value:hover,.edit-value:active,.edit-value:visited,.edit-value:focus{box-shadow: none;outline: none;}
			.add-lable{display: block;}
			.clear-fixed-bottom{height: 44px;}
			.btn-box{position: absolute;bottom: 0;left: 0;right: 0;background-color: #fff;}
			.btn-save{margin: 8px auto;border-color: #12b7f5;color: #333;padding: 4px 15px;background-color: #fff;}
		</style>
	</head>
	<body>
		<div class="c-container" id="app" v-cloak>
			<div class="scroll-box">
				<div class="label-row mb5">
					<div class="label-title">服务类型</div>
					<ul class="label-list bgc-12b7f5">
						<li :class="fw.className" @click="changeFW(fw.className,fw.code,index)" v-for="(fw,index) in fwlx">{{fw.name}}</li>
					</ul>
				</div>
				<div class="label-row mb5">
					<div class="label-title">健康情况</div>
					<ul class="label-list bgc-2DBE55">
						<li :class="jk.className" @click="changeJK(jk.className,jk.labelCode,index)" v-for="(jk,index) in jkqk">{{jk.labelName}}</li>
					</ul>
				</div>
				<div class="label-row mb5">
					<div class="label-title">疾病类型</div>
					<ul class="label-list bgc-ff3b30">
						<li :class="jb.className" @click="changeJB(jb.className,jb.labelCode,index)" v-for="(jb,index) in jblx">{{jb.labelName}}</li>
					</ul>
				</div>
				<div class="label-row">
					<div class="label-title">团队标签</div>
					<ul class="label-list bgc-FF9630">
						<li :class="td.className" v-for="(td,index) in tdbq" @click="changeTD(td.className,td.labelCode,index)">{{td.labelName}}</li>
						<li class="optional">
							<span class="add-lable" v-if="!isEdit" @click="isEdit=true">＋</span>
							<span v-else style="position: relative;top: -2px;">
								<input type="text" v-model="newLabel" class="edit-value" autofocus="autofocus" />
								<span class="icon icon-submit" @click="addTeamLabel"></span>
							</span>
						</li>
					</ul>
				</div>
			</div>
			
			<div class="clear-fixed-bottom">
				<div class="text-center btn-box mb10">
					<button class="btn btn-success mr20" @click="determine">确定</button>
					<button class="btn btn-default" @click="close">取消</button>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="../../../js/vue.js"></script>
		<script type="text/javascript" src="../../../js/jquery-2.2.4.js"></script>
		<script src="../../../js/util.js"></script>
		<script src="../../../plugins/toastr/toastr.min.js"></script>
		<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../api/http-request.js"></script>
		<script src="../../../js/underscore.js"></script>
		<script src="../../../api/sign_api.js"></script>
		<script type="text/javascript" src="../../../plugins/layer/layer.min.js" ></script>
		<script type="text/javascript" src="../js/modify.js"></script>
	</body>
</html>