From 0ac2d43fce4d74f6eea5a51a2e16af4e6a536c7c Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期三, 14 八月 2024 14:19:24 +0800
Subject: [PATCH] 11
---
src/views/home/index.vue | 70 ++++++++++++++++++++++++++---------
1 files changed, 52 insertions(+), 18 deletions(-)
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 135e229..4fab88a 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -224,7 +224,7 @@
</el-col>
<el-col :span="7">
<div
- style="backgroun-color:black; margin:bottom:5px;height:100%;padding-top:50px;"
+ style="backgroun-color:black; margin-bottom:5px;height:100%;padding-top:50px;"
>
<el-row>
<div style="color:white;font-size:15px;text-align:center">
@@ -763,6 +763,24 @@
autocomplete="off"
></el-input>
</el-form-item>
+ <el-form-item prop="code" label-width="80px">
+ <el-input
+ v-model="code"
+ auto-complete="off"
+ placeholder="楠岃瘉鐮�"
+ style="width: 63%"
+ @keyup.enter.native="loginFn"
+ >
+ <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-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">鍙� 娑�</el-button>
@@ -795,7 +813,7 @@
getDonateorganDistrictDonateCalculate
} from "@/api/project/donateorgan";
import { listData } from "@/api/system/dict/data";
-import { login, logout, getInfo } from "@/api/login";
+import { login, logout, getInfo, getCodeImg } from "@/api/login";
import { listDonatebaseinfo } from "@/api/project/donatebaseinfo";
import { getToken, setToken, removeToken } from "@/utils/auth";
import MapChart from "./components/MapChart";
@@ -840,9 +858,13 @@
},
leijishuju: {},
arrrrr: [],
+ captchaOnOff: true,
+ uuid: "",
form: {},
hospitallist: [],
year: "",
+ code: "",
+ codeUrl: "",
dialogVisible: true,
isloading: false,
tableLoading: false,
@@ -1027,19 +1049,10 @@
},
{
key: "fullLiver",
- name: "鍏ㄨ倽",
+ name: "鑲濊剰",
value: 0
},
- {
- key: "leftLiver",
- name: "宸﹁倽",
- value: 0
- },
- {
- key: "rightLiver",
- name: "鍙宠倽",
- value: 0
- },
+
{
key: "leftRenal",
@@ -1250,6 +1263,7 @@
},
created() {
this.height = window.innerHeight - 72;
+ this.getCode();
//this.getinfos();
//this.getOrgansOfHospitalByMonthss();
},
@@ -1259,10 +1273,18 @@
// let defaultPassword = "Admin@123";
},
methods: {
+ getCode() {
+ getCodeImg().then(res => {
+ this.captchaOnOff =
+ res.captchaOnOff === undefined ? true : res.captchaOnOff;
+ if (this.captchaOnOff) {
+ this.codeUrl = "data:image/gif;base64," + res.img;
+ this.uuid = res.uuid;
+ }
+ });
+ },
loginFn() {
- let code;
- let uuid;
- login(this.defaultAccount, this.defaultPassword, code, uuid)
+ login(this.defaultAccount, this.defaultPassword, this.code, this.uuid)
.then(async res => {
if (res.code == 200) {
setToken(res.token);
@@ -2102,10 +2124,10 @@
left: 0;
position: relative;
margin: 0 auto;
- .el-dialog__title{
+ .el-dialog__title {
color: #fff;
}
- .el-form-item__label{
+ .el-form-item__label {
text-align: right;
vertical-align: middle;
float: left;
@@ -2125,4 +2147,16 @@
margin-right: -27px;
}
}
+.login-code {
+ width: 33%;
+ height: 38px;
+ float: right;
+ img {
+ cursor: pointer;
+ vertical-align: middle;
+ }
+}
+.login-code-img {
+ height: 38px;
+}
</style>
--
Gitblit v1.9.3