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

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

@@ -1,36 +1,79 @@
 <template>
   <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>
       <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-form-item>
       <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-form-item>
       <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>
         <div class="login-code">
           <img :src="codeUrl" @click="getCode" class="login-code-img" />
         </div>
       </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-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-else>登 录 中...</span>
         </el-button>
         <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>
       </el-form-item>
     </el-form>
@@ -42,18 +85,11 @@
 </template>
 
 <script>
-	import {
+import { getCodeImg } from "@/api/login";
-		getCodeImg
+import Cookies from "js-cookie";
-	} from "@/api/login";
+import { encrypt, decrypt } from "@/utils/jsencrypt";
-	import Cookies from "js-cookie";
+import { commonQueue } from "@/api/followupFile";
-	import {
+export default {
-		encrypt,
-		decrypt
-	} from "@/utils/jsencrypt";
-	import {
-		commonQueue
-	} from "@/api/followupFile";
-	export default {
   name: "Login",
   data() {
     return {
@@ -66,21 +102,27 @@
         uuid: "",
       },
       loginRules: {
-					username: [{
+        username: [
+          {
             required: true,
             trigger: "blur",
-						message: "请输入您的账号"
+            message: "请输入您的账号",
-					}, ],
+          },
-					password: [{
+        ],
+        password: [
+          {
             required: true,
             trigger: "blur",
-						message: "请输入您的密码"
+            message: "请输入您的密码",
-					}, ],
+          },
-					code: [{
+        ],
+        code: [
+          {
             required: true,
             trigger: "change",
-						message: "请输入验证码"
+            message: "请输入验证码",
-					}],
+          },
+        ],
       },
       loading: false,
       // 验证码开关
@@ -92,7 +134,7 @@
   },
   watch: {
     $route: {
-				handler: function(route) {
+      handler: function (route) {
         this.redirect = route.query && route.query.redirect;
       },
       immediate: true,
@@ -119,7 +161,8 @@
       const rememberMe = Cookies.get("rememberMe");
       this.loginForm = {
         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),
       };
     },
@@ -129,7 +172,7 @@
           this.loading = true;
           if (this.loginForm.rememberMe) {
             Cookies.set("username", this.loginForm.username, {
-								expires: 30
+              expires: 30,
             });
             Cookies.set("password", encrypt(this.loginForm.password), {
               expires: 30,
@@ -145,11 +188,12 @@
           this.$store
             .dispatch("Login", this.loginForm)
             .then(() => {
-								
+              this.$router
-								this.$router.push({
+                .push({
-									path: this.redirect || "/"
+                  path: this.redirect || "/",
-								}).catch(() => {});
+                })
-								this.getCommonQueue()
+                .catch(() => {});
+              this.getCommonQueue();
             })
             .catch(() => {
               this.loading = false;
@@ -165,36 +209,36 @@
       commonQueue({
         pageNum: -1,
         param: {
-						status: 1
+          status: 1,
         },
       }).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));
       });
     },
   },
-	};
+};
 </script>
 
 <style rel="stylesheet/scss" lang="scss">
-	.login {
+.login {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
   background-image: url("../assets/images/login-background.jpg");
   background-size: cover;
-	}
+}
 
-	.title {
+.title {
   margin: 0px auto 30px auto;
   text-align: center;
   color: #707070;
-	}
+}
 
-	.login-form {
+.login-form {
   border-radius: 6px;
   background: #ffffff;
   width: 400px;
@@ -213,15 +257,15 @@
     width: 14px;
     margin-left: 2px;
   }
-	}
+}
 
-	.login-tip {
+.login-tip {
   font-size: 13px;
   text-align: center;
   color: #bfbfbf;
-	}
+}
 
-	.login-code {
+.login-code {
   width: 33%;
   height: 38px;
   float: right;
@@ -230,9 +274,9 @@
     cursor: pointer;
     vertical-align: middle;
   }
-	}
+}
 
-	.el-login-footer {
+.el-login-footer {
   height: 40px;
   line-height: 40px;
   position: fixed;
@@ -243,9 +287,9 @@
   font-family: Arial;
   font-size: 12px;
   letter-spacing: 1px;
-	}
+}
 
-	.login-code-img {
+.login-code-img {
   height: 38px;
-	}
+}
 </style>