注册

src/api/system/role.js

     params: query
   })
 }
-
+// 查询角色列表
+export function listRoleNotoken(query) {
+  return request({
+    url: '/weChatUser/roles',
+    method: 'get',
+    params: query
+  })
+}
 // 查询角色详细
 export function getRole(roleId) {
   return request({

src/views/caseManagement/caseList.vue

             <el-table-column label="案件编号" align="center" prop="caseNum" :show-overflow-tooltip="true" />
             <el-table-column label="申请人" align="center" prop="applicationName" :show-overflow-tooltip="true" />
             <el-table-column label="被申请人" align="center" prop="respondentName" :show-overflow-tooltip="true" />
-            <el-table-column label="案件标的" align="center" prop="caseSubjectAmount" :show-overflow-tooltip="true" />
+            <!-- <el-table-column label="案件标的" align="center" prop="caseSubjectAmount" :show-overflow-tooltip="true" /> -->
             <el-table-column label="调解员" align="center" prop="mediatorName" :show-overflow-tooltip="true" />
             <el-table-column label="调解方式" align="center" prop="mediationMethodName" :show-overflow-tooltip="true" />
             <el-table-column label="调解时间" align="center" prop="hearDate" :show-overflow-tooltip="true" />

src/views/login.vue

       // 验证码开关
       captchaEnabled: true,
       // 注册开关
-      register: false,
+      register: true,
       redirect: undefined
     };
   },

src/views/register.vue

   <div class="register">
     <el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form">
       <h3 class="title">若依后台管理系统</h3>
-      <el-form-item prop="username">
-        <el-input v-model="registerForm.username" type="text" auto-complete="off" placeholder="账号">
+      <el-form-item prop="userName">
+        <el-input v-model="registerForm.userName" type="text" auto-complete="off" placeholder="账号">
           <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
         </el-input>
       </el-form-item>
-      <el-form-item prop="password">
-        <el-input
-          v-model="registerForm.password"
-          type="password"
-          auto-complete="off"
-          placeholder="密码"
-          @keyup.enter.native="handleRegister"
-        >
+      <el-form-item prop="passWord">
+        <el-input v-model="registerForm.passWord" type="password" auto-complete="off" placeholder="密码"
+          @keyup.enter.native="handleRegister">
           <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
         </el-input>
       </el-form-item>
       <el-form-item prop="confirmPassword">
-        <el-input
-          v-model="registerForm.confirmPassword"
-          type="password"
-          auto-complete="off"
-          placeholder="确认密码"
-          @keyup.enter.native="handleRegister"
-        >
+        <el-input v-model="registerForm.confirmPassword" type="password" auto-complete="off" placeholder="确认密码"
+          @keyup.enter.native="handleRegister">
           <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
         </el-input>
       </el-form-item>
           <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
         </el-input>
       </el-form-item>
+      <el-form-item prop="roleId">
+        <el-select v-model="registerForm.roleId" placeholder="请选择角色" auto-complete="off" style="width: 100%;">
+          <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
+          <el-option v-for="item in roleList" :key="item.roleId" :label="item.roleName" :value="item.roleId">
+
+          </el-option>
+        </el-select>
+      </el-form-item>
       <el-form-item prop="phone">
-        <el-input
-          v-model="registerForm.phone"
-          auto-complete="off"
-          placeholder="手机号"
-          style="width: 63%"
-        >
+        <el-input v-model="registerForm.phone" auto-complete="off" placeholder="手机号" style="width: 63%">
           <svg-icon slot="prefix" icon-class="phone" class="el-input__icon input-icon" />
         </el-input>
         <div class="register-code">
-          <el-button type="primary" :disabled="codeDisabled" @click="getCodeNumber(registerForm.phone)">{{codeText}}</el-button>
+          <el-button type="primary" :disabled="codeDisabled" @click="getCodeNumber(registerForm.phone)">{{ codeText
+          }}</el-button>
         </div>
       </el-form-item>
       <el-form-item prop="verifyCode">
         </el-input>
       </el-form-item>
       <el-form-item prop="code" v-if="captchaEnabled">
-        <el-input
-          v-model="registerForm.code"
-          auto-complete="off"
-          placeholder="验证码"
-          style="width: 63%"
-          @keyup.enter.native="handleRegister"
-        >
+        <el-input v-model="registerForm.code" auto-complete="off" placeholder="验证码" style="width: 63%"
+          @keyup.enter.native="handleRegister">
           <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
         </el-input>
         <div class="register-code">
-          <img :src="codeUrl" @click="getCode" class="register-code-img"/>
+          <img :src="codeUrl" @click="getCode" class="register-code-img" />
         </div>
       </el-form-item>
       <el-form-item style="width:100%;">
-        <el-button
-          :loading="loading"
-          size="medium"
-          type="primary"
-          style="width:100%;"
-          @click.native.prevent="handleRegister"
-        >
+        <el-button :loading="loading" size="medium" type="primary" style="width:100%;"
+          @click.native.prevent="handleRegister">
           <span v-if="!loading">注 册</span>
           <span v-else>注 册 中...</span>
         </el-button>
 
 <script>
 import { getCodeImg, register, sendCode, wxregister } from "@/api/login";
-
+import { listRoleNotoken } from "@/api/system/role.js"
 export default {
   name: "Register",
   data() {
     const equalToPassword = (rule, value, callback) => {
-      if (this.registerForm.password !== value) {
+      if (this.registerForm.passWord !== value) {
         callback(new Error("两次输入的密码不一致"));
       } else {
         callback();
     };
     return {
       codeText: "发送验证码",
-      codeDisabled:false,
+      codeDisabled: false,
       codeUrl: "",
       registerForm: {
-        username: "",
-        password: "",
-        phone:"",
+        userName: "",
+        passWord: "",
+        phone: "",
         confirmPassword: "",
         code: "",
         uuid: "",
           { required: true, trigger: "blur", message: "请再次输入您的密码" },
           { required: true, validator: equalToPassword, trigger: "blur" }
         ],
-        code: [{ required: true, trigger: "change", message: "请输入验证码" }]
+        code: [{ required: true, trigger: "change", message: "请输入验证码" }],
+        identityNo: [
+          {
+            required: true,
+            message: '被申请人身份证号不能为空',
+            trigger: 'blur',
+          },
+          {
+            pattern:
+              /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
+            message: '请输入正确的身份证号码',
+            trigger: 'blur',
+          },
+        ],
+        email: [
+          { required: true, trigger: "blur", message: "请再次输入您的密码" },
+          {
+            pattern:
+              /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
+            message: '请输入正确的邮箱地址',
+            trigger: 'blur',
+          },
+        ],
+        name: [
+          { required: true, trigger: "blur", message: "请输入用户名" },
+        ],
+        roleId: [
+          { required: true, trigger: "blur", message: "请选择角色" },
+        ],
+        phone: [
+          {
+            required: true,
+            message: '请输入手机号',
+            trigger: 'blur',
+          },
+          {
+            pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
+            message: '请输入正确的手机号码',
+            trigger: 'blur',
+          },
+        ],
+        verifyCode: [
+          { required: true, trigger: "blur", message: "请输入验证码" },
+        ],
       },
       loading: false,
-      captchaEnabled: true
+      captchaEnabled: true,
+      roleList: []
     };
   },
   created() {
     this.getCode();
+    this.getListRole();
   },
   methods: {
+    /**获取角色 */
+    getListRole() {
+      listRoleNotoken().then(res => {
+        console.log(res, "PPPPPPPPPPPPPPPPPPPPPPPPPPPP");
+        this.roleList = res.data;
+      })
+    },
     getCode() {
       getCodeImg().then(res => {
         this.captchaEnabled = res.captchaEnabled === undefined ? true : res.captchaEnabled;
               type: 'success'
             }).then(() => {
               this.$router.push("/login");
-            }).catch(() => {});
+            }).catch(() => { });
           }).catch(() => {
             this.loading = false;
             if (this.captchaEnabled) {
       });
     },
     getCodeNumber(data) {
-				sendCode({
-					phone: data
-				}).then(res => {
-					if (res.code != 200) {
-            this.$modal.msgError(res.msg);
-						return
-					} else {
-            this.$modal.msgSuccess('发送成功');
-						let time = 60;
-						let timer = setInterval(() => {
-							time--;
-							this.codeDisabled = true;
-							this.codeText = time + 's重试'
-							if (time == 0) {
-								clearInterval(timer)
-								this.codeText = '发送验证码'
-								this.codeDisabled = false;
-							}
-						}, 1000)
-					}
+      sendCode({
+        phone: data
+      }).then(res => {
+        if (res.code != 200) {
+          this.$modal.msgError(res.msg);
+          return
+        } else {
+          this.$modal.msgSuccess('发送成功');
+          let time = 60;
+          let timer = setInterval(() => {
+            time--;
+            this.codeDisabled = true;
+            this.codeText = time + 's重试'
+            if (time == 0) {
+              clearInterval(timer)
+              this.codeText = '发送验证码'
+              this.codeDisabled = false;
+            }
+          }, 1000)
+        }
 
-				})
-			},
+      })
+    },
   }
 };
 </script>
   background-image: url("../assets/images/login-background.jpg");
   background-size: cover;
 }
+
 .title {
   margin: 0px auto 30px auto;
   text-align: center;
   width: 400px;
   height: 90%;
   padding: 25px 25px 5px 25px;
+
   // .el-input {
   //   height: 38px;
   //   input {
     margin-left: 2px;
   }
 }
+
 .register-tip {
   font-size: 13px;
   text-align: center;
   color: #bfbfbf;
 }
+
 .register-code {
   width: 33%;
   height: 38px;
   float: right;
+
   img {
     cursor: pointer;
     vertical-align: middle;
   }
 }
+
 .el-register-footer {
   height: 40px;
   line-height: 40px;
   font-size: 12px;
   letter-spacing: 1px;
 }
+
 .register-code-img {
   height: 38px;
 }