|  |  | 
 |  |  |       :rules="loginRules" | 
 |  |  |       class="login-form" | 
 |  |  |     > | 
 |  |  |       <h3 class="title">浙中大二院智慧随访平台</h3> | 
 |  |  |       <h3 class="title">智慧随访系统</h3> | 
 |  |  |       <el-form-item prop="username"> | 
 |  |  |         <el-input | 
 |  |  |           v-model="loginForm.username" | 
 |  |  | 
 |  |  |             class="el-input__icon input-icon" | 
 |  |  |           /> | 
 |  |  |         </el-input> | 
 |  |  |       </el-form-item> | 
 |  |  |       <!-- 丽===================水 --> | 
 |  |  |       <el-form-item prop="orgid"> | 
 |  |  |         <el-select | 
 |  |  |           style="width: 100%" | 
 |  |  |           v-model="loginForm.orgid" | 
 |  |  |           placeholder="请选择院区" | 
 |  |  |         > | 
 |  |  |           <el-option | 
 |  |  |             v-for="item in options" | 
 |  |  |             :label="item.label" | 
 |  |  |             :value="item.value" | 
 |  |  |           > | 
 |  |  |           </el-option> | 
 |  |  |           <i slot="prefix" class="el-icon-mobile"></i> | 
 |  |  |         </el-select> | 
 |  |  |       </el-form-item> | 
 |  |  |       <!-- <el-form-item prop="code" v-if="captchaEnabled"> | 
 |  |  |         <el-input | 
 |  |  | 
 |  |  | import { getCodeImg } from "@/api/login"; | 
 |  |  | import Cookies from "js-cookie"; | 
 |  |  | import { encrypt, decrypt } from "@/utils/jsencrypt"; | 
 |  |  | import { getorganization } from "@/api/AiCentre/index"; | 
 |  |  |  | 
 |  |  | export default { | 
 |  |  |   name: "Login", | 
 |  |  | 
 |  |  |         password: "", | 
 |  |  |         rememberMe: false, | 
 |  |  |         code: "", | 
 |  |  |         uuid: "", | 
 |  |  |         orgid: "H41010500003", | 
 |  |  |       }, | 
 |  |  |       options: [ | 
 |  |  |       ], | 
 |  |  |       loginRules: { | 
 |  |  |         username: [ | 
 |  |  |           { required: true, trigger: "blur", message: "请输入您的账号" }, | 
 |  |  | 
 |  |  |         password: [ | 
 |  |  |           { required: true, trigger: "blur", message: "请输入您的密码" }, | 
 |  |  |         ], | 
 |  |  |         // code: [{ required: true, trigger: "change", message: "请输入验证码" }], | 
 |  |  |         orgid: [{ required: true, trigger: "blur", message: "请选择院区" }], | 
 |  |  |       }, | 
 |  |  |       loading: false, | 
 |  |  |       // 验证码开关 | 
 |  |  | 
 |  |  |     }, | 
 |  |  |   }, | 
 |  |  |   created() { | 
 |  |  |     this.getorganization(); | 
 |  |  |     this.getCode(); | 
 |  |  |     this.getCookie(); | 
 |  |  |     // if (localStorage.getItem('orgid')) { | 
 |  |  |     //   this.loginForm.orgid = localStorage.getItem('orgid'); | 
 |  |  |     // } | 
 |  |  |   }, | 
 |  |  |   methods: { | 
 |  |  |     getCode() { | 
 |  |  |       getCodeImg().then((res) => { | 
 |  |  |         console.log(res); | 
 |  |  |         this.captchaEnabled = | 
 |  |  |           res.captchaEnabled === undefined ? true : res.captchaEnabled; | 
 |  |  |         if (this.captchaEnabled) { | 
 |  |  |           this.codeUrl = "data:image/gif;base64," + res.img; | 
 |  |  |           this.loginForm.uuid = res.uuid; | 
 |  |  |         } | 
 |  |  |       }); | 
 |  |  |     }, | 
 |  |  |     getorganization() { | 
 |  |  |       getorganization().then((res) => { | 
 |  |  |         if (res.code == 200) { | 
 |  |  |           this.options = res.rows.map((item) => ({ | 
 |  |  |             value: item.orgid, | 
 |  |  |             label: item.organizationName, | 
 |  |  |           })); | 
 |  |  |         } | 
 |  |  |       }); | 
 |  |  |     }, | 
 |  |  | 
 |  |  |             Cookies.remove("password"); | 
 |  |  |             Cookies.remove("rememberMe"); | 
 |  |  |           } | 
 |  |  |           // this.loginForm.orgid = '1', | 
 |  |  |           this.$store | 
 |  |  |             .dispatch("Login", this.loginForm) | 
 |  |  |             .then(() => { | 
 |  |  |               this.$router.push({ path: this.redirect || "/" }).catch(() => {}); | 
 |  |  |             .then((res) => { | 
 |  |  |               if (this.loginForm.username == "admin") { | 
 |  |  |                 this.$router.push({ path: "/index" }).catch(() => {}); | 
 |  |  |               } else { | 
 |  |  |                 this.$router | 
 |  |  |                   .push({ path: "/followvisit/discharge" }) | 
 |  |  |                   .catch(() => {}); | 
 |  |  |               } | 
 |  |  |             }) | 
 |  |  |             .catch(() => { | 
 |  |  |               this.loading = false; | 
 |  |  | 
 |  |  |   justify-content: center; | 
 |  |  |   align-items: center; | 
 |  |  |   height: 100%; | 
 |  |  |   overflow:hidden !important; | 
 |  |  |   overflow: hidden !important; | 
 |  |  |   background-position: center center; | 
 |  |  |  | 
 |  |  |   /* 背景图不平铺 */ | 
 |  |  | background-repeat: no-repeat; | 
 |  |  | /* 当内容高度大于图片高度时,背景图像的位置相对于viewport固定 */ | 
 |  |  | background-attachment: fixed; | 
 |  |  | /* 让背景图基于容器大小伸缩 */ | 
 |  |  | background-size: cover; | 
 |  |  | /* 设置背景颜色,背景图加载过程中会显示背景色 */ | 
 |  |  | background-color: #464646; | 
 |  |  |   background-repeat: no-repeat; | 
 |  |  |   /* 当内容高度大于图片高度时,背景图像的位置相对于viewport固定 */ | 
 |  |  |   background-attachment: fixed; | 
 |  |  |   /* 让背景图基于容器大小伸缩 */ | 
 |  |  |   background-size: cover; | 
 |  |  |   /* 设置背景颜色,背景图加载过程中会显示背景色 */ | 
 |  |  |   background-color: #464646; | 
 |  |  |   background-image: url("../assets/images/login-background.jpg"); | 
 |  |  |   background-size: cover; | 
 |  |  | } | 
 |  |  | 
 |  |  |   font-size: 12px; | 
 |  |  |   letter-spacing: 1px; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .login-code-img { | 
 |  |  |   height: 38px; | 
 |  |  | } |