Browse Source

诊疗档案调整随访工单,列表查询添加添加清空

newMaster
1747191978@qq.com 4 months ago
parent
commit
70039e3a24
  1. 132
      acupuncture-前台/src/views/login.vue

132
acupuncture-前台/src/views/login.vue

@ -1,36 +1,79 @@
<template> <template>
<div class="login"> <div class="login">
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form"> <el-form
ref="loginForm"
:model="loginForm"
:rules="loginRules"
class="login-form"
>
<h3 class="title">针灸后台管理系统</h3> <h3 class="title">针灸后台管理系统</h3>
<el-form-item prop="username"> <el-form-item prop="username">
<el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="账号"> <el-input
<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" /> v-model="loginForm.username"
type="text"
auto-complete="off"
placeholder="账号"
>
<svg-icon
slot="prefix"
icon-class="user"
class="el-input__icon input-icon"
/>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="password"> <el-form-item prop="password">
<el-input v-model="loginForm.password" type="password" auto-complete="off" placeholder="密码" <el-input
@keyup.enter.native="handleLogin"> v-model="loginForm.password"
<svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" /> type="password"
auto-complete="off"
placeholder="密码"
@keyup.enter.native="handleLogin"
>
<svg-icon
slot="prefix"
icon-class="password"
class="el-input__icon input-icon"
/>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="code" v-if="captchaEnabled"> <el-form-item prop="code" v-if="captchaEnabled">
<el-input v-model="loginForm.code" auto-complete="off" placeholder="验证码" style="width: 63%" <el-input
@keyup.enter.native="handleLogin"> v-model="loginForm.code"
<svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" /> auto-complete="off"
placeholder="验证码"
style="width: 63%"
@keyup.enter.native="handleLogin"
>
<svg-icon
slot="prefix"
icon-class="validCode"
class="el-input__icon input-icon"
/>
</el-input> </el-input>
<div class="login-code"> <div class="login-code">
<img :src="codeUrl" @click="getCode" class="login-code-img" /> <img :src="codeUrl" @click="getCode" class="login-code-img" />
</div> </div>
</el-form-item> </el-form-item>
<el-checkbox v-model="loginForm.rememberMe" style="margin: 0px 0px 25px 0px">记住密码</el-checkbox> <el-checkbox
v-model="loginForm.rememberMe"
style="margin: 0px 0px 25px 0px"
>记住密码</el-checkbox
>
<el-form-item style="width: 100%"> <el-form-item style="width: 100%">
<el-button :loading="loading" size="medium" type="primary" style="width: 100%" <el-button
@click.native.prevent="handleLogin"> :loading="loading"
size="medium"
type="primary"
style="width: 100%"
@click.native.prevent="handleLogin"
>
<span v-if="!loading"> </span> <span v-if="!loading"> </span>
<span v-else> 中...</span> <span v-else> 中...</span>
</el-button> </el-button>
<div style="float: right" v-if="register"> <div style="float: right" v-if="register">
<router-link class="link-type" :to="'/register'">立即注册</router-link> <router-link class="link-type" :to="'/register'"
>立即注册</router-link
>
</div> </div>
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -42,17 +85,10 @@
</template> </template>
<script> <script>
import { import { getCodeImg } from "@/api/login";
getCodeImg
} from "@/api/login";
import Cookies from "js-cookie"; import Cookies from "js-cookie";
import { import { encrypt, decrypt } from "@/utils/jsencrypt";
encrypt, import { commonQueue } from "@/api/followupFile";
decrypt
} from "@/utils/jsencrypt";
import {
commonQueue
} from "@/api/followupFile";
export default { export default {
name: "Login", name: "Login",
data() { data() {
@ -66,21 +102,27 @@
uuid: "", uuid: "",
}, },
loginRules: { loginRules: {
username: [{ username: [
{
required: true, required: true,
trigger: "blur", trigger: "blur",
message: "请输入您的账号" message: "请输入您的账号",
}, ], },
password: [{ ],
password: [
{
required: true, required: true,
trigger: "blur", trigger: "blur",
message: "请输入您的密码" message: "请输入您的密码",
}, ], },
code: [{ ],
code: [
{
required: true, required: true,
trigger: "change", trigger: "change",
message: "请输入验证码" message: "请输入验证码",
}], },
],
}, },
loading: false, loading: false,
// //
@ -119,7 +161,8 @@
const rememberMe = Cookies.get("rememberMe"); const rememberMe = Cookies.get("rememberMe");
this.loginForm = { this.loginForm = {
username: username === undefined ? this.loginForm.username : username, username: username === undefined ? this.loginForm.username : username,
password: password === undefined ? this.loginForm.password : decrypt(password), password:
password === undefined ? this.loginForm.password : decrypt(password),
rememberMe: rememberMe === undefined ? false : Boolean(rememberMe), rememberMe: rememberMe === undefined ? false : Boolean(rememberMe),
}; };
}, },
@ -129,7 +172,7 @@
this.loading = true; this.loading = true;
if (this.loginForm.rememberMe) { if (this.loginForm.rememberMe) {
Cookies.set("username", this.loginForm.username, { Cookies.set("username", this.loginForm.username, {
expires: 30 expires: 30,
}); });
Cookies.set("password", encrypt(this.loginForm.password), { Cookies.set("password", encrypt(this.loginForm.password), {
expires: 30, expires: 30,
@ -145,11 +188,12 @@
this.$store this.$store
.dispatch("Login", this.loginForm) .dispatch("Login", this.loginForm)
.then(() => { .then(() => {
this.$router
this.$router.push({ .push({
path: this.redirect || "/" path: this.redirect || "/",
}).catch(() => {}); })
this.getCommonQueue() .catch(() => {});
this.getCommonQueue();
}) })
.catch(() => { .catch(() => {
this.loading = false; this.loading = false;
@ -165,13 +209,13 @@
commonQueue({ commonQueue({
pageNum: -1, pageNum: -1,
param: { param: {
status: 1 status: 1,
}, },
}).then((res) => { }).then((res) => {
res.data.list.forEach(i=>{ res.data.list.forEach((i) => {
i.type = 1 i.type = 1;
}) });
localStorage.setItem('commonQueue', JSON.stringify(res.data.list)) localStorage.setItem("commonQueue", JSON.stringify(res.data.list));
}); });
}, },
}, },

Loading…
Cancel
Save