361 lines
16 KiB
HTML
361 lines
16 KiB
HTML
<!DOCTYPE html>
|
||
<html xmlns:th="http://www.thymeleaf.org">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>注册</title>
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
|
||
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
|
||
<link rel="stylesheet" href="src/assets/layui/css/layui.css" />
|
||
<link rel="stylesheet" href="src/assets/css/public.css" />
|
||
</head>
|
||
<body>
|
||
<div class="wrap">
|
||
<div class="h-top">
|
||
<span class="h-logo f-left">
|
||
<img src="src/assets/images/301logo.png" />
|
||
</span>
|
||
<ul class="h-infor f-left">
|
||
<li class="h-name f-left">欢迎注册</li>
|
||
</ul>
|
||
</div>
|
||
<div class="c-box">
|
||
<div class="f-box">
|
||
<!--主体-->
|
||
<form id="hosp_form" v-bind:action="action">
|
||
<div class="f-content layui-form">
|
||
<div class="layui-row">
|
||
<div class="layui-col-sm12 layui-col-md12">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">医院名称<span class="requiredSpan">*</span></label>
|
||
<div class="layui-input-block hospitalName">
|
||
<select name="provinceId" id="province" datatype="*" lay-filter="province" v-model="province">
|
||
<option value="" >请选择省/市</option>
|
||
<option v-for="p in provinceList" v-bind:value="p.code" >{{p.name}}</option>
|
||
</select>
|
||
<select name="cityId" id="city" lay-filter="city" datatype="*" v-model="city">
|
||
<option value="">请选择市</option>
|
||
<option v-for="c in cityList" v-bind:value="c.code" >{{c.name}}</option>
|
||
</select>
|
||
<select name="townId" id="town" lay-filter="town" datatype="*" v-model="town">
|
||
<option value="">请选择县</option>
|
||
<option v-for="t in townList" v-bind:value="t.code" >{{t.name}}</option>
|
||
</select>
|
||
<input name="hospName" type="text" class="layui-input" id="hospName" placeholder="请输入医院名称" datatype="*" value="">
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-sm12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">登录名<span class="requiredSpan">*</span></label>
|
||
<div class="layui-input-block">
|
||
<input v-bind:ajaxurl="ajaxurl" name="loginName" type="text" id="loginName" datatype="*" class="layui-input">
|
||
<span class="err_n"><i class="layui-icon"></i> 已被占用</span>
|
||
<span class="yes_r"><i class="layui-icon"></i> 可以使用</span>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">邮箱<span class="requiredSpan">*</span></label>
|
||
<div class="layui-input-block">
|
||
<input name="email" type="email" id="email" datatype="e" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">诊室电话<span class="requiredSpan">*</span></label>
|
||
<div class="layui-input-block">
|
||
<input name="conPhone" type="text" id="sectionTel" datatype="m" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">日门诊量<span class="requiredSpan">*</span></label>
|
||
<div class="layui-input-block">
|
||
<input name="dayNum" type="text" id="dayNum" datatype="n" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">医院性质<span class="requiredSpan">*</span></label>
|
||
<div class="layui-input-block">
|
||
<select name="hospProp" id="hospProp" datatype="*">
|
||
<option value="1" >综合医院</option>
|
||
<option value="2" >中医院</option>
|
||
<option value="3" >中西医结合医院</option>
|
||
<option value="4" >民族医院</option>
|
||
<option value="5" >专科医院</option>
|
||
<option value="6" >护理院</option>
|
||
<option value="7" >疗养院</option>
|
||
<option value="8" >卫生院</option>
|
||
<option value="9" >社区卫生服务所站</option>
|
||
<option value="10" >门诊部</option>
|
||
<option value="11" >卫生所</option>
|
||
<option value="12" >其它</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">科室总数<span class="requiredSpan">*</span></label>
|
||
<div class="layui-input-block">
|
||
<input name="sectionNum" type="text" id="sectionNum" datatype="n" class="layui-input">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-sm12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">密码<span class="requiredSpan">*</span></label>
|
||
<div class="layui-input-block">
|
||
<input type="password" id="password1" placeholder="密码长度为6~16位" datatype="*6-16" name="password1" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">确认密码<span class="requiredSpan">*</span></label>
|
||
<div class="layui-input-block">
|
||
<input type="password" name="password2" id="password2" placeholder="确认密码与密码一致" datatype="*" recheck="password1" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">联系手机<span class="requiredSpan">*</span></label>
|
||
<div class="layui-input-block">
|
||
<input name="mobile" type="text" id="mobile" datatype="m" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">月住院量<span class="requiredSpan">*</span></label>
|
||
<div class="layui-input-block">
|
||
<input name="monthNum" type="text" id="monthNum" datatype="n" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">医院等级<span class="requiredSpan">*</span></label>
|
||
<div class="layui-input-block">
|
||
<select name="hospLevel" id="hospLevel" datatype="*">
|
||
<option value="">请选择医院等级</option>
|
||
<option value="1" >一级甲等</option>
|
||
<option value="2" >一级乙等</option>
|
||
<option value="3" >一级丙等</option>
|
||
<option value="4" >二级甲等</option>
|
||
<option value="5" >二级乙等</option>
|
||
<option value="6" >二级丙等</option>
|
||
<option value="7" >三级特等</option>
|
||
<option value="8" >三级甲等</option>
|
||
<option value="9" >三级乙等</option>
|
||
<option value="10" >三级丙等</option>
|
||
<option value="11" >其他</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">床位总数<span class="requiredSpan">*</span></label>
|
||
<div class="layui-input-block">
|
||
<input name="bedNum" type="text" id="bedNum" datatype="n" class="layui-input">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-sm12 layui-col-md12">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">通讯地址<span class="requiredSpan">*</span></label>
|
||
<div class="layui-input-block">
|
||
<textarea name="address" class="layui-textarea" rows="1" id="address" datatype="*"></textarea>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-sm12 layui-col-md12">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">医院简介<span class="requiredSpan">*</span></label>
|
||
<div class="layui-input-block">
|
||
<textarea name="desc" class="layui-textarea" rows="1" id="desc" datatype="*"></textarea>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<input type="hidden" id="photo" name="photo">
|
||
<div class="layui-col-sm12 layui-col-md12">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">头像上传<span class="requiredSpan">*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-upload-drag" id="file1">
|
||
<div class="img_box">
|
||
<i class="layui-icon"></i>
|
||
<p>点击上传，或将图片拖拽到此处</p>
|
||
</div>
|
||
<div class="layui-upload-list">
|
||
<img class="layui-upload-img" id="fi_img1" src="">
|
||
<p id="fileText"></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--按钮-->
|
||
<div class="formBtn">
|
||
<a id="sub" class="layui-btn">注册</a>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<script type="text/javascript" src="src/assets/js/jquery-1.8.3.js" ></script>
|
||
<script type="text/javascript" src="src/assets/js/Validform_v5.3.2.js" ></script>
|
||
<script type="text/javascript" src="src/assets/layui/layui.js" ></script>
|
||
<script src="node_modules/vue/dist/vue.js"></script>
|
||
<script>
|
||
var form;
|
||
const url = parent.require('electron').remote.require('./url.config').url
|
||
var vueForm = new Vue({
|
||
el:'#hosp_form',
|
||
data:{
|
||
ajaxurl:url+'reg/loginName',
|
||
action:url+'client/memberRegister',
|
||
provinceList:[],
|
||
province:'',
|
||
cityList:[],
|
||
city:'',
|
||
townList:[],
|
||
town:''
|
||
},
|
||
watch:{
|
||
province:function (newValue,oldValue) {
|
||
if(newValue != ''){
|
||
this.cityList = this.getdata(newValue);
|
||
}else{
|
||
this.cityList = [];
|
||
this.townList = [];
|
||
}
|
||
this.city=''
|
||
this.town=''
|
||
this.$nextTick(function () {
|
||
layui.use(['layer', 'form'], function () {
|
||
var form = layui.form;
|
||
form.render();
|
||
});
|
||
})
|
||
},
|
||
city:function (newValue,oldValue) {
|
||
if(newValue != ''){
|
||
this.townList = this.getdata(newValue);
|
||
}else{
|
||
this.townList = [];
|
||
}
|
||
this.town=''
|
||
this.$nextTick(function () {
|
||
layui.use(['layer', 'form'], function () {
|
||
var form = layui.form;
|
||
form.render();
|
||
});
|
||
})
|
||
}
|
||
},
|
||
created:function(){
|
||
this.provinceList = this.getdata('00')
|
||
},
|
||
methods:{
|
||
getdata:function (parentId) {
|
||
var addressListData = [];
|
||
$.ajax({
|
||
url:url+'reg/getRegionByParentCode',
|
||
data : { parentCode: parentId },
|
||
type: 'post',
|
||
async:false,
|
||
dataType: 'json',
|
||
success: function(data){
|
||
if(data.success == true){
|
||
addressListData = data.list.list;
|
||
}
|
||
}
|
||
})
|
||
return addressListData;
|
||
}
|
||
}
|
||
})
|
||
|
||
//必填选中
|
||
$("form").Validform({
|
||
tiptype:function(msg,o,cssctl){
|
||
if(!o.obj.is("form")){
|
||
var infoObj=o.obj;
|
||
console.info(infoObj)
|
||
if(o.type==2 || o.type==4){
|
||
if(infoObj[0].id=='province' ||infoObj[0].id=='city' ||infoObj[0].id=='town'){
|
||
infoObj = infoObj.next();
|
||
}
|
||
infoObj.removeClass("err_n");
|
||
if(infoObj[0].id == 'loginName'){
|
||
$('#loginName').next().hide();
|
||
$('#loginName').next().next().show();
|
||
}
|
||
}else{
|
||
if(infoObj[0].id=='province' ||infoObj[0].id=='city' ||infoObj[0].id=='town'){
|
||
infoObj = infoObj.next();
|
||
infoObj.find('div').find('input').focus()
|
||
}
|
||
if(infoObj.hasClass("err_n")){return;}
|
||
infoObj.addClass("err_n");
|
||
if(infoObj[0].id == 'loginName'){
|
||
$('#loginName').next().show();
|
||
$('#loginName').next().next().hide();
|
||
}
|
||
}
|
||
|
||
}
|
||
},
|
||
ajaxPost:true,
|
||
btnSubmit:'#sub',
|
||
callback:function(data){
|
||
//返回数据data是json对象，{"info":"demo info","status":"y"}
|
||
//注意：如果不是ajax方式提交表单，传入callback，这时data参数是当前表单对象，回调函数会在表单验证全部通过后执行，然后判断是否提交表单，如果callback里明确return false，则表单不会提交，如果return true或没有return，则会提交表单。
|
||
if(data.isSuccess){
|
||
console.info('注册成功')
|
||
window.location.href='registrationSuccess.html?loginName='+data.loginName+"&password="+data.password+"&hospName="+data.hospName;
|
||
}
|
||
}
|
||
});
|
||
|
||
layui.use(['form','upload'], function(){
|
||
form = layui.form;
|
||
var upload = layui.upload;
|
||
|
||
var uploadInst = upload.render({
|
||
elem: '#file1' //绑定元素
|
||
,url: url+'expertFileUpload/uploadAD' //上传接口
|
||
,before: function(obj){
|
||
//预读本地文件示例，不支持ie8
|
||
obj.preview(function(index, file, result){
|
||
$('#file1').css('padding','0');
|
||
$('.img_box').css('display','none');
|
||
$('.layui-upload-list').css({'display':'block','margin':'0'}); //显示图片
|
||
$('#fi_img1').attr('src', result); //图片链接（base64）
|
||
$('#fi_img1').css('max-height','170px');
|
||
});
|
||
}
|
||
,done: function(res){
|
||
$('#photo').val(res.sessionFileName)
|
||
|
||
}
|
||
,error: function(){
|
||
//演示失败状态，并实现重传
|
||
$('.img_box').css('display','none');
|
||
$('.layui-upload-list').css('display','block'); //显示文字
|
||
var demoText = $('#fileText');
|
||
demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
|
||
demoText.find('.demo-reload').on('click', function(){
|
||
uploadInst.upload();
|
||
});
|
||
}
|
||
});
|
||
|
||
form.on('select(province)', function(data){
|
||
vueForm.province = data.value;
|
||
});
|
||
form.on('select(city)', function(data){
|
||
vueForm.city = data.value;
|
||
});
|
||
form.on('select(town)', function(data){
|
||
vueForm.town = data.value;
|
||
});
|
||
|
||
})
|
||
</script>
|
||
</body>
|
||
</html>
|