|
|
|
@ -1,244 +1,256 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
|
|
|
<title>注册</title>
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="../../layui/css/layui.css">
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="../../xznstatic/css/public.css"/>
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="../../xznstatic/css/login.css"/>
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="../../css/theme.css" />
|
|
|
|
|
<!-- 元数据定义 -->
|
|
|
|
|
<meta charset="utf-8"> <!-- 字符编码设置为UTF-8 -->
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <!-- 响应式视口设置 -->
|
|
|
|
|
<title>注册</title> <!-- 页面标题 -->
|
|
|
|
|
|
|
|
|
|
<!-- CSS样式表引入 -->
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="../../layui/css/layui.css"> <!-- 引入LayUI框架样式 -->
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="../../xznstatic/css/public.css"/> <!-- 公共样式表 -->
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="../../xznstatic/css/login.css"/> <!-- 登录相关样式 -->
|
|
|
|
|
<link rel="stylesheet" href="../../css/theme.css" /> <!-- 主题样式 -->
|
|
|
|
|
|
|
|
|
|
<!-- 内联CSS样式 -->
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
/* 注册页面主容器样式 */
|
|
|
|
|
.register {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
background-attachment: fixed;
|
|
|
|
|
background-size: cover;
|
|
|
|
|
background-position: center;
|
|
|
|
|
background-image: url(/yiyuanguanhaojiuzhen/img/front-img-bg.jpg);
|
|
|
|
|
display: flex; /* 弹性布局 */
|
|
|
|
|
justify-content: center; /* 水平居中 */
|
|
|
|
|
align-items: center; /* 垂直居中 */
|
|
|
|
|
width: 100%; /* 宽度100% */
|
|
|
|
|
height: 100%; /* 高度100% */
|
|
|
|
|
background-attachment: fixed; /* 背景固定 */
|
|
|
|
|
background-size: cover; /* 背景覆盖 */
|
|
|
|
|
background-position: center; /* 背景居中 */
|
|
|
|
|
background-image: url(/yiyuanguanhaojiuzhen/img/front-img-bg.jpg); /* 背景图片 */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 表单样式 */
|
|
|
|
|
.register form {
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
min-height: 400px;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: center !important;
|
|
|
|
|
}
|
|
|
|
|
.register .logo, .register .title {
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
|
|
|
|
.register .logo img {
|
|
|
|
|
display: block;
|
|
|
|
|
box-sizing: border-box; /* 盒模型计算方式 */
|
|
|
|
|
min-height: 400px; /* 最小高度 */
|
|
|
|
|
display: flex; /* 弹性布局 */
|
|
|
|
|
flex-direction: column; /* 垂直排列 */
|
|
|
|
|
justify-content: center !important; /* 垂直居中 */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 标题和logo样式 */
|
|
|
|
|
.register .title {
|
|
|
|
|
text-align: center;
|
|
|
|
|
text-align: center; /* 文字居中 */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 表单项样式 */
|
|
|
|
|
.register .form-item {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
|
|
|
|
.register .form-item input, .register .form-label {
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
display: flex; /* 弹性布局 */
|
|
|
|
|
align-items: center; /* 垂直居中 */
|
|
|
|
|
flex-wrap: wrap; /* 允许换行 */
|
|
|
|
|
box-sizing: border-box; /* 盒模型计算方式 */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 提交按钮样式 */
|
|
|
|
|
.register .btn-submit {
|
|
|
|
|
display: block;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
|
|
|
|
.register form p.txt {
|
|
|
|
|
width: 100%;
|
|
|
|
|
margin: 0;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
|
|
|
|
.layui-unselect{
|
|
|
|
|
margin-left: -5px;
|
|
|
|
|
margin-top: 3px;
|
|
|
|
|
border: 0px;
|
|
|
|
|
display: block; /* 块级元素 */
|
|
|
|
|
box-sizing: border-box; /* 盒模型计算方式 */
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<!-- Vue.js应用容器 -->
|
|
|
|
|
<div class="register" id="app">
|
|
|
|
|
<form class="layui-form login-form" lay-filter="myForm" :style='{"padding":"20px","boxShadow":"0 0 0px rgba(255,0,0,.8)","borderColor":"rgba(0,0,0,.3)","backgroundColor":"#fff","borderRadius":"20px","borderWidth":"0","width":"400px","borderStyle":"solid","justifyContent":"center","height":"auto"}'>
|
|
|
|
|
<p class="title" v-if="true" :style='{"padding":"0 10px","boxShadow":"0 0 0px rgba(255,0,0,.8)","margin":"10px auto","borderColor":"rgba(0,0,0,1)","backgroundColor":"rgba(247, 247, 247, 0)","color":"red","isshow":true,"borderRadius":"8px","borderWidth":"0","width":"110px","lineHeight":"32px","fontSize":"17px","borderStyle":"solid"}'>医生注册</p>
|
|
|
|
|
<div :style='{"padding":"0","boxShadow":"0 0 6px rgba(255,0,0,0)","margin":"0 auto","borderColor":"rgba(0,0,0,1)","backgroundColor":"#fff","borderRadius":"0","borderWidth":"0 0 1px 0","width":"80%","borderStyle":"solid","height":"64px"}' class="form-item layui-form-text">
|
|
|
|
|
<label v-if="false" :style='{"padding":"0 10px","boxShadow":"0 0 6px rgba(255,0,0,0)","borderColor":"rgba(0,0,0,0)","backgroundColor":"transparent","color":"#333","borderRadius":"0","textAlign":"right","borderWidth":"0","width":"110px","fontSize":"16px","borderStyle":"solid"}' class="form-label">医生工号:</label>
|
|
|
|
|
<input :style='{"padding":"0 10px","boxShadow":"0 0 6px rgba(160, 67, 26, 1)","borderColor":"rgba(135, 206, 250, 1)","backgroundColor":"#fff","color":"rgba(59, 46, 126, 1)","borderRadius":"8px","textAlign":"left","borderWidth":"1px","width":"100%","fontSize":"14px","borderStyle":"solid","height":"44px"}' lay-verify="required" type="text" id="yishengUuidNumber" name="yishengUuidNumber" placeholder="请输入医生工号" autocomplete="off" class="layui-input">
|
|
|
|
|
</div>
|
|
|
|
|
<div :style='{"padding":"0","boxShadow":"0 0 6px rgba(255,0,0,0)","margin":"0 auto","borderColor":"rgba(0,0,0,1)","backgroundColor":"#fff","borderRadius":"0","borderWidth":"0 0 1px 0","width":"80%","borderStyle":"solid","height":"64px"}' class="form-item layui-form-text">
|
|
|
|
|
<label v-if="false" :style='{"padding":"0 10px","boxShadow":"0 0 6px rgba(255,0,0,0)","borderColor":"rgba(0,0,0,0)","backgroundColor":"transparent","color":"#333","borderRadius":"0","textAlign":"right","borderWidth":"0","width":"110px","fontSize":"16px","borderStyle":"solid"}' class="form-label">账户:</label>
|
|
|
|
|
<input :style='{"padding":"0 10px","boxShadow":"0 0 6px rgba(160, 67, 26, 1)","borderColor":"rgba(135, 206, 250, 1)","backgroundColor":"#fff","color":"rgba(59, 46, 126, 1)","borderRadius":"8px","textAlign":"left","borderWidth":"1px","width":"100%","fontSize":"14px","borderStyle":"solid","height":"44px"}' lay-verify="required" type="text" id="username" name="username" placeholder="请输入账户" autocomplete="off" class="layui-input">
|
|
|
|
|
</div>
|
|
|
|
|
<div :style='{"padding":"0","boxShadow":"0 0 6px rgba(255,0,0,0)","margin":"0 auto","borderColor":"rgba(0,0,0,1)","backgroundColor":"#fff","borderRadius":"0","borderWidth":"0 0 1px 0","width":"80%","borderStyle":"solid","height":"64px"}' class="form-item layui-form-text">
|
|
|
|
|
<label v-if="false" :style='{"padding":"0 10px","boxShadow":"0 0 6px rgba(255,0,0,0)","borderColor":"rgba(0,0,0,0)","backgroundColor":"transparent","color":"#333","borderRadius":"0","textAlign":"right","borderWidth":"0","width":"110px","fontSize":"16px","borderStyle":"solid"}' class="form-label">密码:</label>
|
|
|
|
|
<input type="password" :style='{"padding":"0 10px","boxShadow":"0 0 6px rgba(160, 67, 26, 1)","borderColor":"rgba(135, 206, 250, 1)","backgroundColor":"#fff","color":"rgba(59, 46, 126, 1)","borderRadius":"8px","textAlign":"left","borderWidth":"1px","width":"100%","fontSize":"14px","borderStyle":"solid","height":"44px"}' lay-verify="password1|required" type="password" id="password" name="password" placeholder="请输入密码" autocomplete="off" class="layui-input">
|
|
|
|
|
</div>
|
|
|
|
|
<div :style='{"padding":"0","boxShadow":"0 0 6px rgba(255,0,0,0)","margin":"0 auto","borderColor":"rgba(0,0,0,1)","backgroundColor":"#fff","borderRadius":"0","borderWidth":"0 0 1px 0","width":"80%","borderStyle":"solid","height":"64px"}' class="form-item layui-form-text">
|
|
|
|
|
<label v-if="false" :style='{"padding":"0 10px","boxShadow":"0 0 6px rgba(255,0,0,0)","borderColor":"rgba(0,0,0,0)","backgroundColor":"transparent","color":"#333","borderRadius":"0","textAlign":"right","borderWidth":"0","width":"110px","fontSize":"16px","borderStyle":"solid"}' class="form-label">密码:</label>
|
|
|
|
|
<input :style='{"padding":"0 10px","boxShadow":"0 0 6px rgba(160, 67, 26, 1)","borderColor":"rgba(135, 206, 250, 1)","backgroundColor":"#fff","color":"rgba(59, 46, 126, 1)","borderRadius":"8px","textAlign":"left","borderWidth":"1px","width":"100%","fontSize":"14px","borderStyle":"solid","height":"44px"}' lay-verify="password2|required" type="password" id="password2" name="password2" placeholder="请重复输入密码" autocomplete="off" class="layui-input">
|
|
|
|
|
</div>
|
|
|
|
|
<div :style='{"padding":"0","boxShadow":"0 0 6px rgba(255,0,0,0)","margin":"0 auto","borderColor":"rgba(0,0,0,1)","backgroundColor":"#fff","borderRadius":"0","borderWidth":"0 0 1px 0","width":"80%","borderStyle":"solid","height":"64px"}' class="form-item layui-form-text">
|
|
|
|
|
<label v-if="false" :style='{"padding":"0 10px","boxShadow":"0 0 6px rgba(255,0,0,0)","borderColor":"rgba(0,0,0,0)","backgroundColor":"transparent","color":"#333","borderRadius":"0","textAlign":"right","borderWidth":"0","width":"110px","fontSize":"16px","borderStyle":"solid"}' class="form-label">医生名称:</label>
|
|
|
|
|
<input :style='{"padding":"0 10px","boxShadow":"0 0 6px rgba(160, 67, 26, 1)","borderColor":"rgba(135, 206, 250, 1)","backgroundColor":"#fff","color":"rgba(59, 46, 126, 1)","borderRadius":"8px","textAlign":"left","borderWidth":"1px","width":"100%","fontSize":"14px","borderStyle":"solid","height":"44px"}' lay-verify="required" type="text" id="yishengName" name="yishengName" placeholder="请输入医生名称" autocomplete="off" class="layui-input">
|
|
|
|
|
</div>
|
|
|
|
|
<div :style='{"padding":"0","boxShadow":"0 0 6px rgba(255,0,0,0)","margin":"0 auto","borderColor":"rgba(0,0,0,1)","backgroundColor":"#fff","borderRadius":"0","borderWidth":"0 0 1px 0","width":"80%","borderStyle":"solid","height":"64px"}'>
|
|
|
|
|
<div :style='{"margin-top":"10px","padding":"0 10px","boxShadow":"0 0 6px rgba(160, 67, 26, 1)","borderColor":"rgba(135, 206, 250, 1)","backgroundColor":"#fff","color":"rgba(59, 46, 126, 1)","borderRadius":"8px","textAlign":"left","borderWidth":"1px","width":"auto","fontSize":"14px","borderStyle":"solid","height":"44px"}'>
|
|
|
|
|
<select name="yishengTypes" id="yishengTypes">
|
|
|
|
|
<option value="">请选择科室</option>
|
|
|
|
|
<option v-for="(item,index) in yishengTypesList" :value="item.codeIndex" :key="item.codeIndex">{{ item.indexName }}</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div :style='{"padding":"0","boxShadow":"0 0 6px rgba(255,0,0,0)","margin":"0 auto","borderColor":"rgba(0,0,0,1)","backgroundColor":"#fff","borderRadius":"0","borderWidth":"0 0 1px 0","width":"80%","borderStyle":"solid","height":"64px"}'>
|
|
|
|
|
<div :style='{"margin-top":"10px","padding":"0 10px","boxShadow":"0 0 6px rgba(160, 67, 26, 1)","borderColor":"rgba(135, 206, 250, 1)","backgroundColor":"#fff","color":"rgba(59, 46, 126, 1)","borderRadius":"8px","textAlign":"left","borderWidth":"1px","width":"auto","fontSize":"14px","borderStyle":"solid","height":"44px"}'>
|
|
|
|
|
<select name="zhiweiTypes" id="zhiweiTypes">
|
|
|
|
|
<option value="">请选择职位</option>
|
|
|
|
|
<option v-for="(item,index) in zhiweiTypesList" :value="item.codeIndex" :key="item.codeIndex">{{ item.indexName }}</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div :style='{"padding":"0","boxShadow":"0 0 6px rgba(255,0,0,0)","margin":"0 auto","borderColor":"rgba(0,0,0,1)","backgroundColor":"#fff","borderRadius":"0","borderWidth":"0 0 1px 0","width":"80%","borderStyle":"solid","height":"64px"}' class="form-item layui-form-text">
|
|
|
|
|
<label v-if="false" :style='{"padding":"0 10px","boxShadow":"0 0 6px rgba(255,0,0,0)","borderColor":"rgba(0,0,0,0)","backgroundColor":"transparent","color":"#333","borderRadius":"0","textAlign":"right","borderWidth":"0","width":"110px","fontSize":"16px","borderStyle":"solid"}' class="form-label">职称:</label>
|
|
|
|
|
<input :style='{"padding":"0 10px","boxShadow":"0 0 6px rgba(160, 67, 26, 1)","borderColor":"rgba(135, 206, 250, 1)","backgroundColor":"#fff","color":"rgba(59, 46, 126, 1)","borderRadius":"8px","textAlign":"left","borderWidth":"1px","width":"100%","fontSize":"14px","borderStyle":"solid","height":"44px"}' lay-verify="required" type="text" id="yishengZhichneg" name="yishengZhichneg" placeholder="请输入职称" autocomplete="off" class="layui-input">
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 手机号 -->
|
|
|
|
|
<div :style='{"padding":"0","boxShadow":"0 0 6px rgba(255,0,0,0)","margin":"0 auto","borderColor":"rgba(0,0,0,1)","backgroundColor":"#fff","borderRadius":"0","borderWidth":"0 0 1px 0","width":"80%","borderStyle":"solid","height":"64px"}' class="form-item layui-form-text">
|
|
|
|
|
<label v-if="false" :style='{"padding":"0 10px","boxShadow":"0 0 6px rgba(255,0,0,0)","borderColor":"rgba(0,0,0,0)","backgroundColor":"transparent","color":"#333","borderRadius":"0","textAlign":"right","borderWidth":"0","width":"110px","fontSize":"16px","borderStyle":"solid"}' class="form-label">联系方式:</label>
|
|
|
|
|
<input :style='{"padding":"0 10px","boxShadow":"0 0 6px rgba(160, 67, 26, 1)","borderColor":"rgba(135, 206, 250, 1)","backgroundColor":"#fff","color":"rgba(59, 46, 126, 1)","borderRadius":"8px","textAlign":"left","borderWidth":"1px","width":"100%","fontSize":"14px","borderStyle":"solid","height":"44px"}' lay-verify="phone|required" type="text" id="yishengPhone" name="yishengPhone" placeholder="请输入联系方式" autocomplete="off" class="layui-input">
|
|
|
|
|
</div>
|
|
|
|
|
<div :style='{"padding":"0","boxShadow":"0 0 6px rgba(255,0,0,0)","margin":"0 auto","borderColor":"rgba(0,0,0,1)","backgroundColor":"#fff","borderRadius":"0","borderWidth":"0 0 1px 0","width":"80%","borderStyle":"solid","height":"64px"}' class="form-item layui-form-text">
|
|
|
|
|
<label v-if="false" :style='{"padding":"0 10px","boxShadow":"0 0 6px rgba(255,0,0,0)","borderColor":"rgba(0,0,0,0)","backgroundColor":"transparent","color":"#333","borderRadius":"0","textAlign":"right","borderWidth":"0","width":"110px","fontSize":"16px","borderStyle":"solid"}' class="form-label">挂号须知:</label>
|
|
|
|
|
<input :style='{"padding":"0 10px","boxShadow":"0 0 6px rgba(160, 67, 26, 1)","borderColor":"rgba(135, 206, 250, 1)","backgroundColor":"#fff","color":"rgba(59, 46, 126, 1)","borderRadius":"8px","textAlign":"left","borderWidth":"1px","width":"100%","fontSize":"14px","borderStyle":"solid","height":"44px"}' lay-verify="required" type="text" id="yishengGuahao" name="yishengGuahao" placeholder="请输入挂号须知" autocomplete="off" class="layui-input">
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 邮箱 -->
|
|
|
|
|
<div :style='{"padding":"0","boxShadow":"0 0 6px rgba(255,0,0,0)","margin":"0 auto","borderColor":"rgba(0,0,0,1)","backgroundColor":"#fff","borderRadius":"0","borderWidth":"0 0 1px 0","width":"80%","borderStyle":"solid","height":"64px"}' class="form-item layui-form-text">
|
|
|
|
|
<label v-if="false" :style='{"padding":"0 10px","boxShadow":"0 0 6px rgba(255,0,0,0)","borderColor":"rgba(0,0,0,0)","backgroundColor":"transparent","color":"#333","borderRadius":"0","textAlign":"right","borderWidth":"0","width":"110px","fontSize":"16px","borderStyle":"solid"}' class="form-label">邮箱:</label>
|
|
|
|
|
<input :style='{"padding":"0 10px","boxShadow":"0 0 6px rgba(160, 67, 26, 1)","borderColor":"rgba(135, 206, 250, 1)","backgroundColor":"#fff","color":"rgba(59, 46, 126, 1)","borderRadius":"8px","textAlign":"left","borderWidth":"1px","width":"100%","fontSize":"14px","borderStyle":"solid","height":"44px"}' lay-verify="email|required" type="text" id="yishengEmail" name="yishengEmail" placeholder="请输入邮箱" autocomplete="off" class="layui-input">
|
|
|
|
|
</div>
|
|
|
|
|
<button class="layui-btn layui-btn-fluid layui-btn-danger btn-submit main_backgroundColor" :style='{"padding":"0 10px","boxShadow":"0 0 6px rgba(255,0,0,.5)","margin":"10px auto","borderColor":"#ccc","color":"rgba(255, 255, 255, 1)","borderRadius":"8px","borderWidth":"0","width":"60%","fontSize":"14px","borderStyle":"solid","height":"44px"}' lay-submit lay-filter="register" style="width: 280px;">注册</button>
|
|
|
|
|
<p :style='{"color":"rgba(59, 46, 126, 1)","textAlign":"left","fontSize":"12px"}' class="txt"><a href="javascript:window.location.href='../login/login.html'">已有账号登录</a></p>
|
|
|
|
|
<!-- 注册表单 -->
|
|
|
|
|
<form class="layui-form login-form" lay-filter="myForm">
|
|
|
|
|
<!-- 表单标题 -->
|
|
|
|
|
<p class="title">医生注册</p>
|
|
|
|
|
|
|
|
|
|
<!-- 医生工号输入框 -->
|
|
|
|
|
<div class="form-item layui-form-text">
|
|
|
|
|
<input lay-verify="required" type="text" id="yishengUuidNumber" name="yishengUuidNumber" placeholder="请输入医生工号" class="layui-input">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 用户名输入框 -->
|
|
|
|
|
<div class="form-item layui-form-text">
|
|
|
|
|
<input lay-verify="required" type="text" id="username" name="username" placeholder="请输入账户" class="layui-input">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 密码输入框 -->
|
|
|
|
|
<div class="form-item layui-form-text">
|
|
|
|
|
<input lay-verify="password1|required" type="password" id="password" name="password" placeholder="请输入密码" class="layui-input">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 确认密码输入框 -->
|
|
|
|
|
<div class="form-item layui-form-text">
|
|
|
|
|
<input lay-verify="password2|required" type="password" id="password2" name="password2" placeholder="请重复输入密码" class="layui-input">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 医生姓名输入框 -->
|
|
|
|
|
<div class="form-item layui-form-text">
|
|
|
|
|
<input lay-verify="required" type="text" id="yishengName" name="yishengName" placeholder="请输入医生名称" class="layui-input">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 科室选择下拉框 -->
|
|
|
|
|
<div>
|
|
|
|
|
<select name="yishengTypes" id="yishengTypes">
|
|
|
|
|
<option value="">请选择科室</option>
|
|
|
|
|
<!-- Vue动态渲染科室选项 -->
|
|
|
|
|
<option v-for="(item,index) in yishengTypesList" :value="item.codeIndex">{{ item.indexName }}</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 职位选择下拉框 -->
|
|
|
|
|
<div>
|
|
|
|
|
<select name="zhiweiTypes" id="zhiweiTypes">
|
|
|
|
|
<option value="">请选择职位</option>
|
|
|
|
|
<!-- Vue动态渲染职位选项 -->
|
|
|
|
|
<option v-for="(item,index) in zhiweiTypesList" :value="item.codeIndex">{{ item.indexName }}</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 职称输入框 -->
|
|
|
|
|
<div class="form-item layui-form-text">
|
|
|
|
|
<input lay-verify="required" type="text" id="yishengZhichneg" name="yishengZhichneg" placeholder="请输入职称" class="layui-input">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 联系方式输入框 -->
|
|
|
|
|
<div class="form-item layui-form-text">
|
|
|
|
|
<input lay-verify="phone|required" type="text" id="yishengPhone" name="yishengPhone" placeholder="请输入联系方式" class="layui-input">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 挂号须知输入框 -->
|
|
|
|
|
<div class="form-item layui-form-text">
|
|
|
|
|
<input lay-verify="required" type="text" id="yishengGuahao" name="yishengGuahao" placeholder="请输入挂号须知" class="layui-input">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 邮箱输入框 -->
|
|
|
|
|
<div class="form-item layui-form-text">
|
|
|
|
|
<input lay-verify="email|required" type="text" id="yishengEmail" name="yishengEmail" placeholder="请输入邮箱" class="layui-input">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 注册按钮 -->
|
|
|
|
|
<button class="layui-btn" lay-submit lay-filter="register">注册</button>
|
|
|
|
|
|
|
|
|
|
<!-- 已有账号登录链接 -->
|
|
|
|
|
<p class="txt"><a href="../login/login.html">已有账号登录</a></p>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script src="../../layui/layui.js"></script>
|
|
|
|
|
<script src="../../js/vue.js"></script>
|
|
|
|
|
<!-- 引入element组件库 -->
|
|
|
|
|
<script src="../../xznstatic/js/element.min.js"></script>
|
|
|
|
|
<!-- 引入element样式 -->
|
|
|
|
|
<link rel="stylesheet" href="../../xznstatic/css/element.min.css">
|
|
|
|
|
<!-- 组件配置信息 -->
|
|
|
|
|
<script src="../../js/config.js"></script>
|
|
|
|
|
<!-- 扩展插件配置信息 -->
|
|
|
|
|
<script src="../../modules/config.js"></script>
|
|
|
|
|
<!-- 工具方法 -->
|
|
|
|
|
<script src="../../js/utils.js"></script>
|
|
|
|
|
<!-- 校验格式工具类 -->
|
|
|
|
|
<script src="../../js/validate.js"></script>
|
|
|
|
|
<!-- JavaScript文件引入 -->
|
|
|
|
|
<script src="../../layui/layui.js"></script> <!-- LayUI框架 -->
|
|
|
|
|
<script src="../../js/vue.js"></script> <!-- Vue.js框架 -->
|
|
|
|
|
<script src="../../xznstatic/js/element.min.js"></script> <!-- Element UI组件库 -->
|
|
|
|
|
<link rel="stylesheet" href="../../xznstatic/css/element.min.css"> <!-- Element UI样式 -->
|
|
|
|
|
<script src="../../js/config.js"></script> <!-- 组件配置信息 -->
|
|
|
|
|
<script src="../../modules/config.js"></script> <!-- 扩展插件配置 -->
|
|
|
|
|
<script src="../../js/utils.js"></script> <!-- 工具方法 -->
|
|
|
|
|
<script src="../../js/validate.js"></script> <!-- 校验工具类 -->
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
// 创建Vue实例
|
|
|
|
|
var vue = new Vue({
|
|
|
|
|
el: '#app',
|
|
|
|
|
el: '#app', // 挂载到id为app的元素上
|
|
|
|
|
data: {
|
|
|
|
|
yishengTypesList : [],
|
|
|
|
|
zhiweiTypesList : [],
|
|
|
|
|
yishengTypesList : [], // 科室类型列表
|
|
|
|
|
zhiweiTypesList : [], // 职位类型列表
|
|
|
|
|
},
|
|
|
|
|
updated: function() {
|
|
|
|
|
// 当Vue更新DOM后,重新渲染LayUI表单
|
|
|
|
|
layui.form.render(null, 'myForm');
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// 使用LayUI模块
|
|
|
|
|
layui.use(['layer', 'element', 'carousel', 'form', 'http', 'jquery'], function() {
|
|
|
|
|
var layer = layui.layer;
|
|
|
|
|
var element = layui.element;
|
|
|
|
|
var carousel = layui.carousel;
|
|
|
|
|
var form = layui.form;
|
|
|
|
|
var http = layui.http;
|
|
|
|
|
var jquery = layui.jquery;
|
|
|
|
|
// 获取LayUI模块
|
|
|
|
|
var layer = layui.layer; // 弹层组件
|
|
|
|
|
var element = layui.element; // 元素组件
|
|
|
|
|
var carousel = layui.carousel; // 轮播组件
|
|
|
|
|
var form = layui.form; // 表单组件
|
|
|
|
|
var http = layui.http; // HTTP请求组件
|
|
|
|
|
var jquery = layui.jquery; // jQuery组件
|
|
|
|
|
|
|
|
|
|
// 获取表名参数
|
|
|
|
|
var tablename = http.getParam('tablename');
|
|
|
|
|
//字典表数据容器
|
|
|
|
|
// 科室的查询和初始化
|
|
|
|
|
|
|
|
|
|
// 初始化科室下拉框
|
|
|
|
|
yishengTypesSelect();
|
|
|
|
|
// 职位的查询和初始化
|
|
|
|
|
// 初始化职位下拉框
|
|
|
|
|
zhiweiTypesSelect();
|
|
|
|
|
// 日期效验规则及格式
|
|
|
|
|
// 初始化日期选择器
|
|
|
|
|
dateTimePick();
|
|
|
|
|
// 表单效验规则
|
|
|
|
|
|
|
|
|
|
// 表单验证规则
|
|
|
|
|
form.verify({
|
|
|
|
|
// 正整数效验规则
|
|
|
|
|
// 正整数验证
|
|
|
|
|
integer: [
|
|
|
|
|
/^[1-9][0-9]*$/
|
|
|
|
|
,'必须是正整数'
|
|
|
|
|
]
|
|
|
|
|
// 小数效验规则
|
|
|
|
|
,double: [
|
|
|
|
|
/^[1-9][0-9]{0,5}(\.[0-9]{1,2})?$/
|
|
|
|
|
,'最大整数位为6为,小数最大两位'
|
|
|
|
|
]
|
|
|
|
|
,password1: function(value, item){ //value:表单的值、item:表单的DOM对象
|
|
|
|
|
var password2 = jquery("#password2").val();
|
|
|
|
|
if(password2 != null && password2 != "" && password2 != "null"){
|
|
|
|
|
if(value != password2){
|
|
|
|
|
return '密码的两次密码不一致';
|
|
|
|
|
}
|
|
|
|
|
/^[1-9][0-9]*$/,
|
|
|
|
|
'必须是正整数'
|
|
|
|
|
],
|
|
|
|
|
// 小数验证
|
|
|
|
|
double: [
|
|
|
|
|
/^[1-9][0-9]{0,5}(\.[0-9]{1,2})?$/,
|
|
|
|
|
'最大整数位为6为,小数最大两位'
|
|
|
|
|
],
|
|
|
|
|
// 密码一致性验证1
|
|
|
|
|
password1: function(value, item) {
|
|
|
|
|
var password2 = jquery("#password2").val();
|
|
|
|
|
if(password2 && value != password2){
|
|
|
|
|
return '密码的两次密码不一致';
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
,password2: function(value, item){ //value:表单的值、item:表单的DOM对象
|
|
|
|
|
var password1 = jquery("#password1").val();
|
|
|
|
|
if(password1 != null && password1 != "" && password1 != "null"){
|
|
|
|
|
if(value != password1){
|
|
|
|
|
return '密码的两次密码不一致';
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 密码一致性验证2
|
|
|
|
|
password2: function(value, item) {
|
|
|
|
|
var password1 = jquery("#password1").val();
|
|
|
|
|
if(password1 && value != password1){
|
|
|
|
|
return '密码的两次密码不一致';
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// 注册
|
|
|
|
|
// 注册表单提交事件
|
|
|
|
|
form.on('submit(register)', function(data) {
|
|
|
|
|
data = data.field;
|
|
|
|
|
data = data.field; // 获取表单数据
|
|
|
|
|
// 发送注册请求
|
|
|
|
|
http.requestJson(tablename + '/register', 'post', data, function(res) {
|
|
|
|
|
// 注册成功提示
|
|
|
|
|
layer.msg('注册成功', {
|
|
|
|
|
time: 2000,
|
|
|
|
|
icon: 6
|
|
|
|
|
},function(){
|
|
|
|
|
// 路径访问设置
|
|
|
|
|
time: 2000, // 2秒后自动关闭
|
|
|
|
|
icon: 6 // 成功图标
|
|
|
|
|
}, function(){
|
|
|
|
|
// 跳转到登录页面
|
|
|
|
|
window.location.href = '../login/login.html';
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
return false
|
|
|
|
|
return false; // 阻止表单默认提交
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 日期框初始化
|
|
|
|
|
// 日期选择器初始化函数
|
|
|
|
|
function dateTimePick(){
|
|
|
|
|
// 可以在这里初始化日期选择器
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// 科室的查询
|
|
|
|
|
function yishengTypesSelect() {
|
|
|
|
|
//填充下拉框选项
|
|
|
|
|
http.request("dictionary/page?page=1&limit=100&sort=&order=&dicCode=yisheng_types", "GET", {}, (res) => {
|
|
|
|
|
if(res.code == 0){
|
|
|
|
|
vue.yishengTypesList = res.data.list;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
// 职位的查询
|
|
|
|
|
function zhiweiTypesSelect() {
|
|
|
|
|
//填充下拉框选项
|
|
|
|
|
http.request("dictionary/page?page=1&limit=100&sort=&order=&dicCode=zhiwei_types", "GET", {}, (res) => {
|
|
|
|
|
if(res.code == 0){
|
|
|
|
|
vue.zhiweiTypesList = res.data.list;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
// 科室类型查询函数
|
|
|
|
|
function yishengTypesSelect() {
|
|
|
|
|
// 请求科室类型数据
|
|
|
|
|
http.request("dictionary/page?page=1&limit=100&dicCode=yisheng_types", "GET", {}, (res) => {
|
|
|
|
|
if(res.code == 0){
|
|
|
|
|
// 将数据存入Vue实例
|
|
|
|
|
vue.yishengTypesList = res.data.list;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 职位类型查询函数
|
|
|
|
|
function zhiweiTypesSelect() {
|
|
|
|
|
// 请求职位类型数据
|
|
|
|
|
http.request("dictionary/page?page=1&limit=100&dicCode=zhiwei_types", "GET", {}, (res) => {
|
|
|
|
|
if(res.code == 0){
|
|
|
|
|
// 将数据存入Vue实例
|
|
|
|
|
vue.zhiweiTypesList = res.data.list;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
</html>
|