修改注册页面，新增我的就诊页面，

component/login-register/login.js

@@ -2,11 +2,11 @@
	Vue.component('login-form', {
		template: `<div><div class="container-fluid">
				<div class="container" id="head">
					<div class="ptb15 top-banner">
						<img src="../../images/LOGO.png" class="hlogo" />
					<div class="ptb30 top-banner">
						<img src="../../../images/LOGO.png"/>
						<span class="qr-container">
							<img src="../../images/qr_code.png" class="qr_code" />
							<p class="c-f12 text-center">下载APP</p>
							<img src="../../../images/qr_code.png" class="qr_code" />
							<p class="c-f12 text-center c-909090" style="padding-top:5px">下载APP</p>
						</span>
					</div>
				</div>
@@ -61,37 +61,7 @@
							</div>
						</div>
					</div>
					<div class="registerForm fr" :class="{'registerForm-active':registerFlag}">
						<div class="ptb10 plr30 c-border-b c-f26">注册<span class="fr c-909090 c-f14 fhdl" @click="toggleRegister">返回登录</span></div>
						<form id="form" class="m-t plr30" role="form" onsubmit="return false;">
							<div class="form-group">
								<select class="form-control codeType" v-model="codeType">
									<option value="1">身份证</option>
									<option value="2">手机</option>
								</select>
							</div>
							<div class="form-group">
								<input class="form-control" type="text" :maxlength="maxLength" placeholder="请输入身份证号" v-model="idCardNo" id="IDCard">
							</div>
							<div class="form-group">
								<input class="form-control" placeholder="请输入登录密码" v-model="rPassword" type="password" minlength="6" maxlength="16">
							</div>
							<div class="form-group">
								<input class="form-control" placeholder="请确认登录密码" v-model="confirmPassword" type="password" minlength="6" maxlength="16">
							</div>
							<p class="c-909090" style="margin-top:-10px;">密码格式为6-16位，不允许有空格</p>
							<div class="checkbox">
								<label><input type="checkbox"
	  v-model="toggle"> 阅读并接受<a href="#" target="_blank">《健康之路用户协议》</a>及<a href="#" target="_blank">《健康之路隐私保护声明》</a></label>
							</div>
							<button type="submit" class="btn btn-theme block full-width m-b" :class="{'disabled':!toggle}" @click="register">完成注册并登录</button>
						</form>
					</div>
				</div>
			</div>
			<div id="foot">
				<p>主办方：上饶市卫生与计划生育委员会&nbsp;&nbsp;&nbsp;技术支持：健康之路（中国）信息技术有限公司&nbsp;&nbsp;&nbsp;备案号登记号：赣ICP98273877号-1</p>
				<p>上饶市卫生信息中心 Copyright&nbsp;<span class="glyphicon glyphicon-copyright-mark"></span>&nbsp;2009-2017 All Rights Reserved</p>
			</div></div>`,
		props: [],
		data: function() {
@@ -103,14 +73,14 @@
				imgcaptcha: '',
				captcha: '',
				infoText: '获取验证码',
				countdown: false ,//是否在倒计时
				countdown: false, //是否在倒计时
				codeType: 1,
				idCardNo: "350526199501142015",
				rPassword: 'a123123',
				confirmPassword: "a123123",
				toggle: true,
				registerFlag:false,
				maxLength:18,
				registerFlag: false,
				maxLength: 18,
			}
		},
		methods: {
@@ -140,7 +110,7 @@
						return false;
					}
					console.log(httpRequest)
					var data={
					var data = {
						grant_type: httpRequest.grant_type,
						client_id: httpRequest.client_id,
						username: vm.account,
@@ -149,21 +119,22 @@
					console.log(data)
					loginAPI.accessToken(data).then(function(oauthInfo) {
						storage.setItem("oauthInfo", JSON.stringify(oauthInfo));
						var data1={
							userName:oauthInfo.user,
						var data1 = {
							userName: oauthInfo.user,
							accessToken: oauthInfo.accessToken
						}
						loginAPI.getUserInfo(data1).then(function(res) {
							console.log("登录成功");
							loginedList = [res.telephone]
							storage.setItem("loginedList", JSON.stringify(loginedList));
							storage.setItem("userAgent", JSON.stringify(res));
							vm.getJueSeData(res);
						}), function error(xhr, type, errorThrown) {
							if(type == "timeout" || type == "abort" || type == "error") {
								console.log("账号或密码错误");
								console.log("登录成功");
								loginedList = [res.telephone]
								storage.setItem("loginedList", JSON.stringify(loginedList));
								storage.setItem("userAgent", JSON.stringify(res));
								vm.getJueSeData(res);
							}),
							function error(xhr, type, errorThrown) {
								if(type == "timeout" || type == "abort" || type == "error") {
									console.log("账号或密码错误");
								}
							}
						}
					}).catch(function(e) {
						console.log("账号或密码错误")
					})
@@ -188,67 +159,13 @@
				loginAPI.findByUserId({
					userId: userAgent.id
				}).then(function(data) {
					storage.setItem("roleList",JSON.stringify(data.detailModelList));//缓存角色列表
//					app.openWebviewExtras("../../home/html/home.html");//跳转到主页面
					storage.setItem("roleList", JSON.stringify(data.detailModelList)); //缓存角色列表
					//					app.openWebviewExtras("../../home/html/home.html");//跳转到主页面
				})
			},
			register: function() {
				var vm = this
				if(!isCardNo(vm.idCardNo, vm.codeType)) {
					return
				}
				if(!vm.rPassword) {
					alert("登录密码不能为空！");
					return false;
				}
				if(!vm.confirmPassword) {
					alert("确认密码不能为空！");
					return false;
				}
				if(vm.rPassword.length < 6 && vm.rPassword.length > 16) {
					alert("登录密码需6-16位");
					return false;
				}
				if(vm.confirmPassword.length < 6 && vm.confirmPassword.length > 16) {
					alert("确认密码需6-16位");
					return false;
				}
				if(vm.rPassword != vm.confirmPassword) {
					alert("新密码和确认密码必须一致");
					return false;
				}
				if(!vm.toggle) {
					alert("未确认是否阅读并接受条款");
					return false;
				}
//				location.href = "../login/login.html"
				//连接注册后台接口
				var data={
					demographicId: vm.idCardNo,
					codeType:vm.codeType,
                    telephone: vm.tel,
                    password: vm.password,
				}
				var params = 	{
					userJsonData:JSON.stringify(data),
					appId: httpRequest.client_id
				}
				loginAPI.registe(params).then(function (res) {
                    if (res.successFlg) {
                        alert("注册成功");
                        vm.login();
                    } else {
                        alert(res.errorMsg);
                    }
                }).catch(function (err) {
                    alert(err.errorMsg);
                })
				
			},
			toggleRegister:function(){
				var vm=this;
				vm.registerFlag=!vm.registerFlag
			
			toggleRegister: function() {
				location.href = "../../register/html/register.html"
			}
		},
		watch: {
@@ -267,14 +184,14 @@
				}
			},
			codeType: function(newVal) {
				var vm=this;
				var vm = this;
				var val = newVal.toString();
				if(val == 1) {
					$("#IDCard").attr("placeholder", "请输入身份证号")
					vm.maxLength=18
					vm.maxLength = 18
				} else if(val == 2) {
					$("#IDCard").attr("placeholder", "请输入手机号码")
					vm.maxLength=11
					vm.maxLength = 11
				}
			}
		}
@@ -297,6 +214,7 @@
			vm.infoText = seconds + "s后重新获取";
		}, 1000)
	}
	function isCardNo(card, codeType) {
		var isidcard = false
		if(codeType == 1) { // 身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X 
@@ -306,7 +224,7 @@
			} else {
				isidcard = true
			}
		}else{
		} else {
			var reg = /0?(13|14|15|18|17)[0-9]{9}/;
			if(!reg.test(card)) {
				alert("手机号码输入不合法");
@@ -316,6 +234,7 @@
		}
		return isidcard
	}
	function sendToGetCaptcha(vm) {
		var url = "common/captcha",
			params = {
@@ -380,4 +299,4 @@
		});
	}
})()
})()

component/login-register/register.js

@@ -1,34 +1,33 @@
(function() {
	Vue.component('register-form', {
		template: `<div><div id="head">
			<div class="hlogo ptb15">
				<img src="../../images/LOGO.png" />
				<span class="fr" style="margin-top:-5px;">
					<img src="../../images/qr_code.png" width="65" height="65" class="box-border" />
					<p class="c-f12 text-center"><b>下载APP</b></p>
				</span>
		template: `<div><div class="container-fluid c-border-b">
				<div class="container" id="head">
					<div class="ptb30 top-banner">
						<img src="../../../images/LOGO.png"/>
						<span class="qr-container">
							<img src="../../../images/qr_code.png" class="qr_code" />
							<p class="c-f12 text-center c-909090" style="padding-top:5px">下载APP</p>
						</span>
						<span class="backlogin" @click="gologin()">返回登录页</span>
					</div>
				</div>
			</div>
		</div>
		<div class="mainbox">
			<div id="main">
				<img src="../../images/chahua.png" />
				<div id="registerForm" class="fr">
					<div class="ptb10 pl30 c-border-b c-f26">注册</div>
					<form id="form" class="m-t plr30" role="form" onsubmit="return false;">
		<div class="container">
			<div class="ptb80">
				<div id="registerForm" class="main">
					<div class="ptb10 c-border-b c-f20">注册</div>
					<form id="form" class="m-t" role="form" onsubmit="return false;" style="width:310px;">
						<div class="form-group">
							<select class="form-control" v-model="selected">
								<option value="IDCard" selected>身份证</option>
								<option value="phone">手机</option>
							</select>
							<input class="form-control" type="text" maxlength="18" placeholder="请输入身份证号" v-model="IDCard" id="IDCard">
						</div>
						<div class="form-group">
							<input class="form-control" type="text" maxlength="18" placeholder="请输入身份证号" v-model="IDCard" id="IDCard">
							<input class="form-control" placeholder="请输入手机号码" v-model="phone" type="text" length="11">
						</div>
						<div class="form-group">
							<input class="form-control" placeholder="请输入登录密码" v-model="Password" type="password" minlength="6" maxlength="16">
							<input class="form-control" placeholder="请确认验证码" v-model="captcha">
						</div>
						<div class="form-group">
							<input class="form-control" placeholder="请确认登录密码" v-model="confirmPassword" type="password" minlength="6" maxlength="16">
							<input class="form-control" placeholder="请确认登录密码" v-model="Password" min-length="6" max-length="16">
						</div>
						<p class="c-909090" style="margin-top:-10px;">密码格式为6-16位，不允许有空格</p>
						<div class="checkbox">
@@ -40,53 +39,61 @@
				</div>
			</div>
		</div>
		<div id="foot" class="row">
			<p>主办方：上饶市卫生与计划生育委员会&nbsp;&nbsp;&nbsp;技术支持：健康之路（中国）信息技术有限公司&nbsp;&nbsp;&nbsp;备案号登记号：赣ICP98273877号-1</p>
			<p>上饶市卫生信息中心 Copyright&nbsp;<span class="glyphicon glyphicon-copyright-mark"></span>&nbsp;2009-2017 All Rights Reserved</p>
		</div>
		</div>`,
		props: [],
		data: function() {
			return {
				IDCard: "",
				phone: "",
				Password: "",
				confirmPassword: "",
				captcha: "",
				toggle: false,
				selected: "IDCard",
			}
		},
		methods: {
			register: function() {
				var vm = this
				if(!isCardNo(vm.IDCard, vm.selected)) {
				if(!isCardNo(vm.IDCard, vm.phone)) {
					return
				}
				if(!vm.Password) {
					alert("登录密码不能为空！");
					return false;
				}
				if(!vm.confirmPassword) {
					alert("确认密码不能为空！");
					return false;
				}
				if(vm.Password.length < 6 && vm.Password.length > 16) {
					alert("登录密码需6-16位");
					return false;
				}
				if(vm.confirmPassword.length < 6 && vm.confirmPassword.length > 16) {
					alert("确认密码需6-16位");
					return false;
				}
				if(vm.Password != vm.confirmPassword) {
					alert("新密码和确认密码必须一致");
				if(!vm.captcha) {
					alert("验证码不能为空！");
					return false;
				}
				if(!vm.toggle) {
					alert("未确认是否阅读并接受条款");
					return false;
				}
				location.href = "../login/login.html"
				//				location.href = "../login/login.html"
				//连接注册后台接口
				var data = {
					demographicId: vm.IDCard,
					codeType: vm.codeType,
					telephone: vm.tel,
					password: vm.password,
				}
				var params = {
					userJsonData: JSON.stringify(data),
					appId: httpRequest.client_id
				}
				loginAPI.registe(params).then(function(res) {
					if(res.successFlg) {
						alert("注册成功");
						vm.login();
					} else {
						alert(res.errorMsg);
					}
				}).catch(function(err) {
					alert(err.errorMsg);
				})
			},
			gologin: function() {
				location.href = "../../login/html/login.html"
			}
		},
		watch: {
@@ -97,42 +104,26 @@
					this.Password = oldVal;
				}
			},
			confirmPassword: function(newVal, oldVal) {
				var val = newVal.toString();
				var reg = /\s+/g; //去除空格
				if(reg.test(val)) {
					this.confirmPassword = oldVal;
				}
			},
			selected: function(newVal) {
				var val = newVal.toString();
				if(val == "IDCard") {
					$("#IDCard").attr("placeholder", "请输入身份证号")
				} else if(val == "phone") {
					$("#IDCard").attr("placeholder", "请输入手机号码")
				}
			}
		}
	});
	function isCardNo(card, selected) {
		var isidcard = false
		if(selected == "IDCard") { // 身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X 
			var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
			if(reg.test(card) === false) {
				alert("身份证号输入不合法");
			} else {
				isidcard = true
			}
		} else if(selected == "phone") {
			var reg = /0?(13|14|15|18|17)[0-9]{9}/;
			if(reg.test(card) === false) {
				alert("手机号码输入不合法");
			} else {
				isidcard = true
			}
	function isCardNo(card, phone) {
		// 身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X
		var iscard = false,
			isphone = false
		var reg1 = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
		if(reg1.test(card) === false) {
			alert("身份证号输入不合法");
		} else {
			iscard = true
		}
		var reg2 = /0?(13|14|15|18|17)[0-9]{9}/;
		if(reg2.test(phone) === false) {
			alert("手机号码输入不合法");
		} else {
			isphone = true
		}
		return isidcard
		return iscard && isphone
	}
})()

component/mine/left-menu.js

@@ -9,6 +9,7 @@
								<div class="c-f20">我的账户</div>
								<div class="mine-menu">
									<div id="info" class="pt20" @click="goinfo()">个人设置</div>
									<div id="notices" class="pt20"  @click="gonotices()">消息通知</div>
									<div id="securitySetting" class="pt20"  @click="gosecuritySetting()">安全设置</div>
								</div>
							</div>
@@ -21,7 +22,7 @@
								<div class="c-f20">预约挂号</div>
								<div class="mine-menu">
									<div id="record" class="pt20"  @click="gorecord()">预约记录</div>
									<div id="doctor" class="pt20"  @click="godoctor()">常用就诊人</div>
									<!--<div id="doctor" class="pt20"  @click="godoctor()">常用就诊人</div>-->
								</div>
							</div>
						</div>
@@ -48,6 +49,9 @@
			godoctor: function() {
				location.href = "../../mine/html/doctor.html"
			},
			gonotices:function(){
				location.href = "../../mine/html/notices.html"
			}
		},
	})

component/mine/personal-dialog-form.js

@@ -14,8 +14,9 @@
		// 取消预约
		cancelAppointment: function(id) {
			return new Promise(function(resolve, reject) {
				var layerid = top.layer.confirm('取消须知：XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX', {
					title: '是否确认取消预约？',
				var layerid = top.layer.confirm('<div><h3 class="c-t-center mt10">是否确认取消预约？</h3><div class="quxiaobox">取消须知：<div class="c-909090">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</div></div></div>', {
					title: '取消预约',
					area: ['500px', '370px'],
					btn: ['确定', '取消'] //按钮
				}, function() {
					//					agentAPI.delCompany({

component/mine/record.js

@@ -92,68 +92,68 @@
									</div>
								</div>
							</div>
							<navigation></navigation>
							<div id="page" class="page_div"></div>
						</div>
					</div>
				</div>
			</div>
			<div class="modal fade" id="appointmentinfo" tabindex="-1" role="dialog" aria-labelledby="appointmentinfoLabel">
				<div class="modal-dialog" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title" id="appointmentinfoLabel">挂号明细</h4>
						</div>
						<div class="modal-body">
							<div class="p15 bgc-fff">
								<div class="w3-row c-border-b">
									<div class="w3-col" style="width:80px;">订单号</div>
									<div class="w3-rest">18721839005577</div>
								</div>
								<div class="w3-row c-border-b">
									<div class="w3-col" style="width:80px;">订单状态</div>
									<div class="w3-rest">待就诊</div>
								</div>
								<div class="w3-row c-border-b c-f0f0f0">预约信息</div>
								<div class="w3-row c-border-b">
									<div class="w3-col" style="width:80px;">预约医院</div>
									<div class="w3-rest">福建省立医院</div>
								</div>
								<div class="w3-row c-border-b">
									<div class="w3-col" style="width:80px;">预约科室</div>
									<div class="w3-rest">睡眠眼科</div>
								</div>
								<div class="w3-row c-border-b">
									<div class="w3-col" style="width:80px;">就诊日期</div>
									<div class="w3-rest">2018-04-04 上午</div>
								</div>
								<div class="w3-row c-border-b">
									<div class="w3-col" style="width:80px;">就诊时间</div>
									<div class="w3-rest">07:50</div>
								</div>
								<div class="w3-row c-border-b">
									<div class="w3-col" style="width:80px;">就诊序号</div>
									<div class="w3-rest">2</div>
								</div>
								<div class="w3-row c-border-b">
									<div class="w3-col" style="width:80px;">退号截止时间</div>
									<div class="w3-rest">2018-04-04 23:59:00</div>
								</div>
								<div class="w3-row c-border-b c-f0f0f0">就诊人信息</div>
								<div class="w3-row c-border-b">
									<div class="w3-col" style="width:80px;">姓名</div>
									<div class="w3-rest">郑绩</div>
								</div>
								<div class="w3-row c-border-b">
									<div class="w3-col" style="width:80px;">证件号</div>
									<div class="w3-rest">35040319850707201X</div>
								</div>
								<div class="w3-row c-border-b">
									<div class="w3-col" style="width:80px;">手机号</div>
									<div class="w3-rest">137******96</div>
								</div>
								<div class="c-t-center">
									<button type="button" class="btn btn-default c-f16 mt20" style="width:144px;">关 闭</button>
				<div class="modal fade" id="appointmentinfo" tabindex="-1" role="dialog" aria-labelledby="appointmentinfoLabel">
					<div class="modal-dialog" role="document">
						<div class="modal-content">
							<div class="modal-header bgc-f9f9f9">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
								<h4 class="modal-title" id="appointmentinfoLabel">挂号明细</h4>
							</div>
							<div class="modal-body">
								<div class="bgc-fff">
									<div class="w3-row modal-list">
										<div class="w3-col" style="width:120px;">订单号</div>
										<div class="w3-rest">18721839005577</div>
									</div>
									<div class="w3-row modal-list" style="border:none;">
										<div class="w3-col" style="width:120px;">订单状态</div>
										<div class="w3-rest">待就诊</div>
									</div>
									<div class="w3-row modal-list bgc-f9f9f9" style="color:#323232;border:none;">预约信息</div>
									<div class="w3-row c-border-b modal-list">
										<div class="w3-col" style="width:120px;">预约医院</div>
										<div class="w3-rest">福建省立医院</div>
									</div>
									<div class="w3-row modal-list">
										<div class="w3-col" style="width:120px;">预约科室</div>
										<div class="w3-rest">睡眠眼科</div>
									</div>
									<div class="w3-row modal-list">
										<div class="w3-col" style="width:120px;">就诊日期</div>
										<div class="w3-rest">2018-04-04 上午</div>
									</div>
									<div class="w3-row modal-list">
										<div class="w3-col" style="width:120px;">就诊时间</div>
										<div class="w3-rest">07:50</div>
									</div>
									<div class="w3-row modal-list">
										<div class="w3-col" style="width:120px;">就诊序号</div>
										<div class="w3-rest">2</div>
									</div>
									<div class="w3-row modal-list" style="border:none;">
										<div class="w3-col" style="width:120px;">退号截止时间</div>
										<div class="w3-rest">2018-04-04 23:59:00</div>
									</div>
									<div class="w3-row modal-list bgc-f9f9f9" style="color:#323232;border:none;">就诊人信息</div>
									<div class="w3-row modal-list">
										<div class="w3-col" style="width:120px;">姓名</div>
										<div class="w3-rest">郑绩</div>
									</div>
									<div class="w3-row  modal-list">
										<div class="w3-col" style="width:120px;">证件号</div>
										<div class="w3-rest">35040319850707201X</div>
									</div>
									<div class="w3-row  modal-list">
										<div class="w3-col" style="width:120px;">手机号</div>
										<div class="w3-rest">137******96</div>
									</div>
									<div class="c-t-center">
										<button type="button" class="btn btn-default c-f16 mt30 mb20" style="width:144px;" @click="hideModel()">关 闭</button>
									</div>
								</div>
							</div>
						</div>
@@ -198,6 +198,9 @@
					top.layer.close(layerid)
				})
			},
			hideModel:function(){
				$('#appointmentinfo').modal('hide')
			}
		},
	})

component/mine/security-setting.js

@@ -19,7 +19,7 @@
								<div class="w3-row pl30 pt30">
									<div class="w3-col" style="width:60px; "><img src="../../../images/icon_wodezhanghu.png " width="43 " height="50 " /></div>
									<div class="w3-rest pl10 pb35 c-border-b pr30">
										<div class="w3-col mt15 " style="width:117px;float: right; "><button class="btn btn-default btn-block " type="button" @click="changePhone()">更 改</button></div>
										<div class="w3-col mt15 " style="width:117px;float: right; "><button class="btn btn-default btn-block  " type="button" @click="changePhone()" disabled="disabled">更 改</button></div>
										<div class="w3-rest">
											<div class="c-f20 ">安全手机 180****1111</div>
											<div class="c-f14 c-909090 mt15 ">安全手机可以用于登录账号，重置密码或者其他安全验证</div>

component/mine/select-industry.js

@@ -3,7 +3,7 @@
		template: `<div class="modal fade" id="selindustry" tabindex="-1" role="dialog" aria-labelledby="selindustryLabel">
				<div class="modal-dialog" role="document">
					<div class="modal-content">
						<div class="modal-header">
						<div class="modal-header bgc-f9f9f9">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title" id="selindustryLabel">请选择行业</h4>
						</div>

component/mineJiuZhen/mineJiuZhen-dialog-form.js

@@ -0,0 +1,46 @@
(function() {
	var mineJiuZhenDialogForm = {
		// 新增接口权限
		satisfaction: function(id) {
			top.layer.open({
				type: 2,
				title: '满意度调查',
				shadeClose: false,
				closeBtn: true, //显示关闭按钮
				area: ['500px','714px'],
				btn: [], //按钮
				content: '../../../page/mineJiuZhen/html/satisfaction.html', //iframe的url
				end: function() {
					location.reload();
				}
			});
		},
		// 取消预约
		cancelAppointment: function(id) {
			return new Promise(function(resolve, reject) {
				var layerid = top.layer.confirm('<div><h3 class="c-t-center mt10">是否确认取消预约？</h3><div class="quxiaobox">取消须知：<div class="c-909090">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</div></div></div>', {
					title: '取消预约',
					area: ['500px', '370px'],
					btn: ['确定', '取消'] //按钮
				}, function() {
					//					agentAPI.delCompany({
					//						id: companyId
					//					}).then(function(res) {
					//						if(res.successMsg == "find success") {
					//							top.toastr.success("删除成功！")
					//						} else {
					//							top.toastr.error("删除失败！")
					//						}
					//						resolve(layerid)
					//					})
					resolve(layerid)
				}, function() {
				});
			})
		},
	}
	window.mineJiuZhenDialogForm = mineJiuZhenDialogForm
})()

page/login/html/login.html

@@ -0,0 +1,43 @@
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>登录</title>
		<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 name="keywords" content="登录">
		<meta name="description" content="登录">
		<link rel="shortcut icon" href="../../favicon.ico">
		<!--<link rel="stylesheet" type="text/css" href="../../css/font-awesome.min.css" />-->
		<link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../plugins/artDialog/6.0.5/api/css/ui-dialog.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="../login.css" />
	</head>
	<body>
		<div id="app">
			<login-form></login-form>
			<page-footer></page-footer>
		</div>
		<script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/jquery-2.2.4.js"></script>
		<script src="../../../js/bootstrap.min.js"></script>
		<script src="../../../js/validate/jquery.validate.min.js"></script>
		<script src="../../../js/validate/messages_zh.min.js"></script>
		<script src="../../../js/security.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/patient/login-api.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../plugins/artDialog/6.0.5/api/js/dialog-plus.js" type="text/javascript" charset="utf-8"></script>		
		<script src="../../../component/login-register/login.js"></script>	
		<script src="../../../component/common/footer.js"></script>
		<script src="../login.js"></script>
	</body>
</html>

page/login/login.html

@@ -1,41 +0,0 @@
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>登录</title>
		<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 name="keywords" content="登录">
		<meta name="description" content="登录">
		<link rel="shortcut icon" href="../../favicon.ico">
		<!--<link rel="stylesheet" type="text/css" href="../../css/font-awesome.min.css" />-->
		<link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../plugins/artDialog/6.0.5/api/css/ui-dialog.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="login.css" />
	</head>
	<body>
		<div id="app">
			<login-form></login-form>
		</div>
		<script src="../../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/jquery-2.2.4.js"></script>
		<script src="../../js/bootstrap.min.js"></script>
		<script src="../../js/validate/jquery.validate.min.js"></script>
		<script src="../../js/validate/messages_zh.min.js"></script>
		<script src="../../js/security.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/patient/login-api.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../plugins/artDialog/6.0.5/api/js/dialog-plus.js" type="text/javascript" charset="utf-8"></script>		
		<script src="../../component/login-register/login.js"></script>
		<script src="login.js"></script>
	</body>
</html>

page/mine/css/record.css

@@ -1,4 +1,4 @@
body {
cancelbtnbody {
	background: rgba(245, 249, 249, 1);
	color: #323232;
}
@@ -18,24 +18,25 @@ body {
	overflow: hidden
}
.div-table{
    display: table;
    width: 100%;
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
}
.table-row{
    display: table-row;
.div-table {
	display: table;
	width: 100%;
	border-top: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
}
.table-cell{
    display: table-cell;
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    padding: 15px 0 16px;
    text-align: center;
    vertical-align: middle;
.table-row {
	display: table-row;
}
.table-cell {
	display: table-cell;
	border-bottom: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	padding: 15px 0 16px;
	text-align: center;
	vertical-align: middle;
}
.mine-menu {}
@@ -70,7 +71,7 @@ body {
	padding-left: 251px;
}
.plr25{
.plr25 {
	padding-left: 25px;
	padding-right: 25px;
}
@@ -79,29 +80,29 @@ body {
	margin-top: 8px;
}
.cancelbtn{
.cancelbtn {
	padding: 8px 16px 5px;
	border: 1px solid #E3EDE8;
	color:#FF8787;
	color: #FF8787;
	font-size: 14px;
	width: 90px;
	margin: 0 auto;
}
#recordlist{
#recordlist {
	border-bottom: 1px solid #0AD8C8;
}
#recordlist li{
#recordlist li {
	width: 129px;
	border-left: solid 1px #E3EDE8;
	border-right: solid 1px #E3EDE8;
	text-align: center;
}
#recordlist li.active{
	border: none;background: #0AD8C8;
#recordlist li.active {
	border: none;
	background: #0AD8C8;
}
#recordlist>li>a {
@@ -114,8 +115,8 @@ body {
	height: 48px;
}
#recordlist>li.active>a{
	background: url(../../../images/icon_shangla.png) no-repeat 50% 100%;	
#recordlist>li.active>a {
	background: url(../../../images/icon_shangla.png) no-repeat 50% 100%;
	background-size: 9px 7px;
	color: #fff;
	font-size: 16px;
@@ -124,18 +125,71 @@ body {
	height: 47px;
}
.list-body{
	border:1px solid #E3EDE8;
.list-body {
	border: 1px solid #E3EDE8;
	margin-top: 17px;
}
.list-header{
.list-header {
	background: #E8F6F5;
	font-size: 16px;
	color: #00786F;
	padding: 13px 0 15px 15px;
}
.list-r-border{
	border-right:1px solid #E3EDE8;
.list-r-border {
	border-right: 1px solid #E3EDE8;
}
#appointmentinfo {
	border-radius: 0;
	/*max-width: 500px;*/
}
.modal-header {
	padding: 10px 20px;
}
.modal-body {
	padding: 0px 20px;
}
.modal-list {
	line-height: 44px;
	font-size: 14;
	color: #909090;
	border-bottom: 1px solid #E3EDE8;
	padding: 0 20px;
}
.btn-default {
	background: #fff;
	color: #909090;
	font-size: 16px;
	border: 1px solid #D1D7D4;
	height: 40px;
}
.btn-default:hover,
.btn-default:active {
	color: #333;
	background: #F4F6FA;
}
.quxiaobox {
	border: 1px dashed #E3EDE8;
	padding: 16px;
	background: #F5FAFA;
	line-height: 30px;
}
.layui-layer-btn {
	text-align: center !important;
	/*margin-top:-20px ;*/
	position: relative;
	top:-20px;
}
.layui-layer-btn .layui-layer-btn0 {
    border-color: #0AD8C8 !important;
    background-color: #0AD8C8 !important;
}

page/mine/html/record.html

@@ -13,6 +13,7 @@
		<link rel="stylesheet" type="text/css" href="../../../plugins/artDialog/6.0.5/api/css/ui-dialog.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/common.css" />
		<link rel="stylesheet" type="text/css" href="../css/record.css" />
	</head>
@@ -34,6 +35,8 @@
		<script src="../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../plugins/artDialog/6.0.5/api/js/dialog-plus.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../plugins/layer/layer.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/paging.js"></script>
		<script src="../../../component/common/event-bus.js"></script>
		<script src="../../../component/common/footer.js"></script>
		<script src="../../../component/common/header.js"></script>
		<script src="../../../component/common/pagination.js"></script>

page/mine/js/record.js

@@ -1,10 +1,46 @@
new Vue({
	el: "#app",
	data: {		
	data: {
//		code: "record",
//		records: [{
//			time: "2017年11月11日 13:13:13",
//			photo: "../image/touxiang.jpg",
//			doctor: "张三",
//			zhiwu: "主任医生",
//			keshi: "骨科",
//			yiyuan: "上饶医院",
//			othertime: "2018-04-04上午",
//			othertime1: "第2号,07:50",
//			bingren: "李花花",
//			id: "1",
//		}, {
//			time: "2017年11月11日 13:13:13",
//			photo: "../image/touxiang.jpg",
//			doctor: "张三",
//			zhiwu: "主任医生",
//			keshi: "骨科",
//			yiyuan: "上饶医院",
//			othertime: "2018-04-04上午",
//			othertime1: "第2号,07:50",
//			bingren: "李花花",
//			id: "1",
//		}, ]
	},
	mounted: function() {},
	methods: {
	mounted: function() {
		//分页初始化
		$("#page").paging({
			pageNo: 1,
			totalPage: 50,
			totalSize: 20,
			callback: function(num) {
				//回调的页数
				alert("查询第"+num+"页");
			}
		})
		
		EventBus.$emit("jump-step",{step:3});//step:跳转的步数
	},
	methods: {
	}
});

page/mineJiuZhen/css/mineJiuZhen.css

@@ -0,0 +1,129 @@
body {
	background: rgba(245, 249, 249, 1);
	color: #323232;
}
.w3-row:after {
	content: "";
	display: table;
	clear: both
}
.w3-col {
	float: left;
	width: 100%
}
.w3-rest {
	overflow: hidden
}
.div-table {
	display: table;
	width: 100%;
	height: 108px;
	border-right: 1px solid #E3EDE8;
}
.table-row {
	display: table-row;
}
.table-cell {
	display: table-cell;
	padding: 15px 0 16px 50px;
	/*text-align: center;*/
	vertical-align: middle;
	line-height: 30px;
}
#recordlist {
	border-color: #E3EDE8 #E3EDE8 #0AD8C8 #E3EDE8;
	border-style: solid;
	border-width: 1px;
}
#recordlist li {
	width: 129px;
	border-left: solid 1px #E3EDE8;
	border-right: solid 1px #E3EDE8;
	text-align: center;
}
#recordlist li.active {
	border: none;
	background: #0AD8C8;
}
#recordlist>li>a {
	font-size: 16px;
	color: #323232;
	font-weight: normal;
	padding: 13px 0 10px;
	margin-right: 0;
	border-radius: 0;
	height: 48px;
}
#recordlist>li.active>a {
	background: url(../../../images/icon_shangla.png) no-repeat 50% 100%;
	background-size: 9px 7px;
	color: #fff;
	font-size: 16px;
	margin-right: 0;
	border: none;
	height: 47px;
}
.list-body {
	border: 1px solid #E3EDE8;
	margin-bottom: 17px;
}
.list-header {
	background: #E8F6F5;
	font-size: 16px;
	color: #00786F;
	padding: 13px 0 15px 15px;
}
.list-r-border {
	border-right: 1px solid #E3EDE8;
}
.cancelbtn {
	padding: 8px 16px 5px;
	border: 1px solid #E3EDE8;
	color: #FF8787;
	font-size: 14px;
	width: 90px;
	margin: 0 auto;
}
.satisfactionbtn {
	padding: 8px 16px 5px;
	border: 1px solid #0AD8C8;
	color: #0AD8C8;
	font-size: 14px;
	width: 105px;
	margin: 0 auto;
}
.quxiaobox {
	border: 1px dashed #E3EDE8;
	padding: 16px;
	background: #F5FAFA;
	line-height: 30px;
}
.layui-layer-btn {
	text-align: center !important;
	/*margin-top:-20px ;*/
	position: relative;
	top:-20px;
}
.layui-layer-btn .layui-layer-btn0 {
    border-color: #0AD8C8 !important;
    background-color: #0AD8C8 !important;
}

page/mineJiuZhen/html/mineJiuZhen.html

@@ -0,0 +1,128 @@
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的就诊</title>
		<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 name="keywords" content="我的就诊">
		<meta name="description" content="我的就诊">
		<link rel="shortcut icon" href="../../../favicon.ico">
		<link rel="stylesheet" type="text/css" href="../../../css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../plugins/artDialog/6.0.5/api/css/ui-dialog.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/common.css" />
		<link rel="stylesheet" type="text/css" href="../css/mineJiuZhen.css" />
	</head>
	<body class="bgc-fff">
		<div id="app">
			<page-header></page-header>
			<div class="container mt20">
				<div class="row">
					<ul class="nav nav-tabs c-inline-block width-100" role="tablist" id="recordlist">
						<li role="presentation" class="active">
							<a href="#home" aria-controls="home" role="tab" data-toggle="tab" id="_home">待就诊</a>
						</li>
						<li role="presentation">
							<a href="#history" aria-controls="history" role="tab" data-toggle="tab" id="_history">待评论</a>
						</li>
					</ul>
					<div class="tab-content plr25 ptb8">
						<div role="tabpanel" class="tab-pane active" id="home">
							<div class="list-body" v-for="record in records">
								<div class="list-header"><span>就诊时间</span><span class="pl20">{{record.time}}</span></div>
								<div class="w3-row">
									<div class="w3-col" style="width:150px;float: right;padding-top: 30px;">
										<div class="cancelbtn" @click="cancelbtn(record.id)">取消预约</div>
									</div>
									<div class="w3-rest">
										<div class="div-table">
											<div class="table-row">
												<div class="table-cell">
													<div class="c-909090">医院</div>
													<div>{{record.yiyuan}}</div>
												</div>
												<div class="table-cell">
													<div class="c-909090">科室</div>
													<div>{{record.keshi}}</div>
												</div>
												<div class="table-cell">
													<div class="c-909090">主任医师</div>
													<div>{{record.doctor}}</div>
												</div>
												<div class="table-cell">
													<div class="c-909090">挂号方式</div>
													<div>{{record.type}}</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div role="tabpanel" class="tab-pane" id="history">
							<div class="list-body" v-for="record in records">
								<div class="list-header"><span>就诊时间</span><span class="pl20">{{record.time}}</span></div>
								<div class="w3-row">
									<div class="w3-col" style="width:150px;float: right;padding-top: 30px;">
										<div class="satisfactionbtn" @click="satisfactionbtn(record.id)">满意度调查</div>
									</div>
									<div class="w3-rest">
										<div class="div-table">
											<div class="table-row">
												<div class="table-cell">
													<div class="c-909090">医院</div>
													<div>{{record.yiyuan}}</div>
												</div>
												<div class="table-cell">
													<div class="c-909090">科室</div>
													<div>{{record.keshi}}</div>
												</div>
												<div class="table-cell">
													<div class="c-909090">主任医师</div>
													<div>{{record.doctor}}</div>
												</div>
												<div class="table-cell">
													<div class="c-909090">挂号方式</div>
													<div>{{record.type}}</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div id="page" class="page_div"></div>
				</div>
			</div>
			<div id="page" class="page_div"></div>
			<page-footer></page-footer>
		</div>
		<script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/jquery-2.2.4.js"></script>
		<script src="../../../js/bootstrap.min.js"></script>
		<script src="../../../js/validate/jquery.validate.min.js"></script>
		<script src="../../../js/validate/messages_zh.min.js"></script>
		<script src="../../../js/security.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="../../../plugins/artDialog/6.0.5/api/js/dialog-plus.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../plugins/layer/layer.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/paging.js"></script>
		<script src="../../../component/common/event-bus.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../component/mineJiuZhen/mineJiuZhen-dialog-form.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../component/common/header.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../component/common/footer.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/mineJiuZhen.js"></script>
	</body>
</html>

page/mineJiuZhen/html/satisfaction.html

@@ -0,0 +1,49 @@
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>满意度调查</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="shortcut icon" href="../../../favicon.ico">
		<link rel="stylesheet" type="text/css" href="../../../css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../plugins/artDialog/6.0.5/api/css/ui-dialog.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="../../mine/css/security-setting.css" />
	</head>
	<body>
		<div id="app" class="plr20">
			<div v-for="question in questions" class="mt10" style="line-height: 30px;">
				<div>{{question.sort}}、{{question.qstTitle}}</div>
				<div class="ui-grid">
					<div class="ui-col-4 c-t-center" v-for="option in question.options">
						<input type="radio" :value="option.code" :name="question.qstCode" :sort="question.sort" :itemsort="option.sort" /><label>&emsp;{{option.content}}</label>
					</div>
				</div>
			</div>
			<div class="c-t-center mt50">
				<button type="submit" class="btn btn-theme c-f16" style="width:144px;" @click="changePassword()">确 定</button>
				<button type="button" class="btn btn-default c-f16 ml20" style="width:144px;" @click="gotosetting()">取 消</button>
			</div>
		</div>
		<script src="../../../js/vue.js " type="text/javascript " charset="utf-8 "></script>
		<script src="../../../js/jquery-2.2.4.js "></script>
		<script src="../../../js/bootstrap.min.js "></script>
		<script src="../../../js/validate/jquery.validate.min.js "></script>
		<script src="../../../js/validate/messages_zh.min.js "></script>
		<script src="../../../js/security.js "></script>
		<script src="../../../plugins/suggest/bootstrap-suggest.min.js " type="text/javascript " charset="utf-8 "></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="../../../plugins/artDialog/6.0.5/api/js/dialog-plus.js " type="text/javascript " charset="utf-8 "></script>
		<script src="../js/satisfaction.js "></script>
	</body>
</html>

page/mineJiuZhen/js/mineJiuZhen.js

@@ -0,0 +1,48 @@
new Vue({
	el: "#app",
	data: {
		records: [{
			time: "2017年11月11日 13:13:13",
			type: "预约挂号",
			doctor: "张三",
			zhiwu: "主任医生",
			keshi: "骨科",
			yiyuan: "上饶医院",
			id: "1",
		}, {
			time: "2017年11月11日 13:13:13",
			type: "预约挂号",
			doctor: "张三",
			zhiwu: "主任医生",
			keshi: "骨科",
			yiyuan: "上饶医院",
			id: "2",
		}, ]
	},
	mounted: function() {
		//分页初始化
		$("#page").paging({
			pageNo: 1,
			totalPage: 50,
			totalSize: 20,
			callback: function(num) {
				//回调的页数
				alert("查询第" + num + "页");
			}
		})
		EventBus.$emit("jump-step", {
			step: 3
		}); //step:跳转的步数
	},
	methods: {
		cancelbtn: function(id) {
			mineJiuZhenDialogForm.cancelAppointment(id).then(function(layerid) {
				top.layer.close(layerid)
			})
		},
		satisfactionbtn: function(id) {
			mineJiuZhenDialogForm.satisfaction(id)
		},
	}
});

page/mineJiuZhen/js/satisfaction.js

@@ -0,0 +1,222 @@
new Vue({
	el: "#app",
	data: {
		questions: [{
			qstCode: "question_1",
			qstTitle: "您对就诊过程中我院的总体满意程度?",
			type: 0,
			sort: 1,
			options: [{
				id: 0,
				sort: 1,
				code: "0001",
				content: "满意"
			}, {
				id: 1,
				sort: 2,
				code: "0002",
				content: "基本满意"
			}, {
				id: 2,
				sort: 3,
				code: "0003",
				content: "不满意"
			}, ]
		}, {
			qstCode: "question_2",
			qstTitle: "您对就诊过程中我院的总体满意程度?",
			type: 0,
			sort: 2,
			options: [{
				id: 0,
				sort: 1,
				code: "0001",
				content: "满意"
			}, {
				id: 1,
				sort: 2,
				code: "0002",
				content: "基本满意"
			}, {
				id: 2,
				sort: 3,
				code: "0003",
				content: "不满意"
			}, ]
		}, {
			qstCode: "question_3",
			qstTitle: "您对就诊过程中我院的总体满意程度?",
			type: 0,
			sort: 3,
			options: [{
				id: 0,
				sort: 1,
				code: "0001",
				content: "满意"
			}, {
				id: 1,
				sort: 2,
				code: "0002",
				content: "基本满意"
			}, {
				id: 2,
				sort: 3,
				code: "0003",
				content: "不满意"
			}, ]
		}, {
			qstCode: "question_4",
			qstTitle: "您对就诊过程中我院的总体满意程度?",
			type: 0,
			sort: 4,
			options: [{
				id: 0,
				sort: 1,
				code: "0001",
				content: "满意"
			}, {
				id: 1,
				sort: 2,
				code: "0002",
				content: "基本满意"
			}, {
				id: 2,
				sort: 3,
				code: "0003",
				content: "不满意"
			}, ]
		}, {
			qstCode: "question_5",
			qstTitle: "您对就诊过程中我院的总体满意程度?",
			type: 0,
			sort: 5,
			options: [{
				id: 0,
				sort: 1,
				code: "0001",
				content: "满意"
			}, {
				id: 1,
				sort: 2,
				code: "0002",
				content: "基本满意"
			}, {
				id: 2,
				sort: 3,
				code: "0003",
				content: "不满意"
			}, ]
		}, {
			qstCode: "question_6",
			qstTitle: "您对就诊过程中我院的总体满意程度?",
			type: 0,
			sort: 6,
			options: [{
				id: 0,
				sort: 1,
				code: "0001",
				content: "满意"
			}, {
				id: 1,
				sort: 2,
				code: "0002",
				content: "基本满意"
			}, {
				id: 2,
				sort: 3,
				code: "0003",
				content: "不满意"
			}, ]
		}, {
			qstCode: "question_7",
			qstTitle: "您对就诊过程中我院的总体满意程度?",
			type: 0,
			sort: 7,
			options: [{
				id: 0,
				sort: 1,
				code: "0001",
				content: "满意"
			}, {
				id: 1,
				sort: 2,
				code: "0002",
				content: "基本满意"
			}, {
				id: 2,
				sort: 3,
				code: "0003",
				content: "不满意"
			}, ]
		}, {
			qstCode: "question_8",
			qstTitle: "您对就诊过程中我院的总体满意程度?",
			type: 0,
			sort: 8,
			options: [{
				id: 0,
				sort: 1,
				code: "0001",
				content: "满意"
			}, {
				id: 1,
				sort: 2,
				code: "0002",
				content: "基本满意"
			}, {
				id: 2,
				sort: 3,
				code: "0003",
				content: "不满意"
			}, ]
		}, {
			qstCode: "question_9",
			qstTitle: "您对就诊过程中我院的总体满意程度?",
			type: 0,
			sort: 9,
			options: [{
				id: 0,
				sort: 1,
				code: "0001",
				content: "满意"
			}, {
				id: 1,
				sort: 2,
				code: "0002",
				content: "基本满意"
			}, {
				id: 2,
				sort: 3,
				code: "0003",
				content: "不满意"
			}, ]
		}, {
			qstCode: "question_10",
			qstTitle: "您对就诊过程中我院的总体满意程度?",
			type: 0,
			sort: 10,
			options: [{
				id: 0,
				sort: 1,
				code: "0001",
				content: "满意"
			}, {
				id: 1,
				sort: 2,
				code: "0002",
				content: "基本满意"
			}, {
				id: 2,
				sort: 3,
				code: "0003",
				content: "不满意"
			}, ]
		}],
	},
	mounted: function() {
	},
	methods: {
	}
});

page/register/html/register.html

@@ -0,0 +1,43 @@
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>注册</title>
		<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 name="keywords" content="注册">
		<meta name="description" content="注册">
		<link rel="shortcut icon" href="../../favicon.ico">
		<link rel="stylesheet" type="text/css" href="../../../css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../plugins/artDialog/6.0.5/api/css/ui-dialog.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="../register.css" />
	</head>
	<body>
		<div id="app">
			<register-form></register-form>
			<page-footer></page-footer>
		</div>
		<script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/jquery-2.2.4.js"></script>
		<script src="../../../js/bootstrap.min.js"></script>
		<script src="../../../js/validate/jquery.validate.min.js"></script>
		<script src="../../../js/validate/messages_zh.min.js"></script>
		<script src="../../../js/toastr/toastr.min.js"></script>
		<script src="../../../js/security.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="../../../plugins/artDialog/6.0.5/api/js/dialog-plus.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../component/login-register/register.js"></script>
		<script src="../../../component/common/footer.js"></script>
		<script src="../register.js"></script>
	</body>
</html>

page/register/register.css

@@ -1,65 +1,86 @@
body {
	font-size: 14px;
	font-size: 12px;
}
.mainbox {
	background: url("../../images/BG.jpg") no-repeat 100% 100%;
.top-banner {
	position: relative;
}
#main {
	margin: 0 auto;
	width: 1294px;
	padding-bottom: 200px;
	padding-top: 100px;
}
#head {
	background: #fff;
.qr-container {
	position: absolute;
	right: 100px;
	height: 100%;
	display: block;
	top: 7%;
}
.hlogo {
	margin: 0 auto;
	width: 1294px;
	transition: all 0.6s;
	width: 30%;
	height: auto;
	display: block;
}
.box-border {
.qr_code {
	height: 70%;
	width: auto;
	display: block;
	border: 3px solid #38D1CB;
	transform-origin: 100% 0;
	transition: all .5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	cursor: pointer;
}
.qr_code:hover {
	transform: scale(2);
	position: relative;
	z-index: 2;
	box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.2), 0 6px 20px 0 rgba(255, 255, 255, 0.19);
}
#foot {
.main {
	margin: 0 auto;
	/*width: 1294px;*/
	padding-bottom: 100px;
	padding-top: 80px;
}
#head {
	background: #fff;
	text-align: center;
	font-size: 14px;
	padding: 34px 0 34px;
	color: #909090;
}
.box-border {
	border: 3px solid #38D1CB;
}
.form-group {
	position: relative;
	margin-bottom: 20px;
}
/*
.form-control {
	height: 50px;
	background: #F5FAFA;
}
}*/
.checkbox input[type=checkbox] {
	margin-top: 3px;
}
#registerForm {
	width: 400px;
	border: 5px solid rgba(75, 202, 208, 0.7);
	width: 800px;
	border: 1px solid #E3EDE8;
	border-radius: 10px;
	background-color: #fff;
	padding: 20px 0;
	padding: 20px 40px;
}
.btn-theme {
	color: #fff;
	background: #0AD8C8;
	border-color: #0AD8C8;
	font-size: 20px;
	font-size: 16px;
}
.btn-theme:hover,
@@ -83,6 +104,10 @@ a:active {
	padding-left: 80px;
}
.ptb80 {
	padding: 80px 0;
}
option {
	padding: 6px 12px;
	border: solid #909090 1px;
@@ -93,14 +118,24 @@ option {
}
.btn {
	height: 53px;
	height: 40px;
}
.hlogo span img:hover {
	transform: scale(2);
	position: relative;
	z-index: 2;
	top: 30px;
	right: 30px;
	box-shadow: 0 4px 8px 0 rgba(255,255,255,0.2),0 6px 20px 0 rgba(255,255,255,0.19);
.backlogin {
	color: #0aD9ff;
	border-left: 1px solid #323232;
	float: right;
	padding-left: 20px;
	margin-top: 10px;
}
.backlogin:hover {
	color: #0AD8C8;
	text-decoration: underline;
}
form {
	width: 310px;
	margin: 0 auto;
	padding:50px 0;
}

page/register/register.html

@@ -1,41 +0,0 @@
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>注册</title>
		<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 name="keywords" content="注册">
		<meta name="description" content="注册">
		<link rel="shortcut icon" href="../../favicon.ico">
		<link rel="stylesheet" type="text/css" href="../../css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../plugins/artDialog/6.0.5/api/css/ui-dialog.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="register.css" />
	</head>
	<body>		
		<div id="app">
			<register-form></register-form>
		</div>
		<script src="../../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/jquery-2.2.4.js"></script>
		<script src="../../js/bootstrap.min.js"></script>
		<script src="../../js/validate/jquery.validate.min.js"></script>
		<script src="../../js/validate/messages_zh.min.js"></script>
		<script src="../../js/toastr/toastr.min.js"></script>
		<script src="../../js/security.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="../../plugins/artDialog/6.0.5/api/js/dialog-plus.js" type="text/javascript" charset="utf-8"></script>		
		<script src="../../component/login-register/register.js"></script>
		<script src="register.js"></script>
	</body>
</html>