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 | 95 ++++++++++++++++++++++++++++++++++++++---------
1 files changed, 77 insertions(+), 18 deletions(-)
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index f164bc0..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">
@@ -745,7 +745,7 @@
</el-row> -->
<el-dialog title="鐧婚檰" :visible.sync="dialogVisible" width="30%">
<el-form :model="form">
- <el-form-item label="璐﹀彿" label-width="120px">
+ <el-form-item label="璐﹀彿" label-width="80px">
<el-input
v-model="defaultAccount"
autocomplete="off"
@@ -754,7 +754,7 @@
</el-form-item>
<el-form-item
label="瀵嗙爜"
- label-width="120px"
+ label-width="80px"
@keyup.enter.native="loginFn"
>
<el-input
@@ -762,6 +762,24 @@
show-password
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">
@@ -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);
@@ -2092,6 +2114,31 @@
}
}
}
+::v-deep .el-dialog {
+ -webkit-transform: none;
+ transform: none;
+ background-color: rgb(3, 14, 64);
+ box-shadow: rgb(10, 51, 110) 0px 0px 40px inset;
+ border: 1px solid rgb(10, 51, 110);
+ color: #fff !important;
+ left: 0;
+ position: relative;
+ margin: 0 auto;
+ .el-dialog__title {
+ color: #fff;
+ }
+ .el-form-item__label {
+ text-align: right;
+ vertical-align: middle;
+ float: left;
+ font-size: 14px;
+ color: #fff;
+ line-height: 40px;
+ padding: 0 12px 0 0;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+}
::v-deep .iwc-box-a {
.el-progress-bar__outer {
background-color: #29345c;
@@ -2100,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