| | |
| | | </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"> |
| | |
| | | </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" |
| | |
| | | </el-form-item> |
| | | <el-form-item |
| | | label="密码" |
| | | label-width="120px" |
| | | label-width="80px" |
| | | @keyup.enter.native="loginFn" |
| | | > |
| | | <el-input |
| | |
| | | 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"> |
| | |
| | | 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"; |
| | |
| | | }, |
| | | leijishuju: {}, |
| | | arrrrr: [], |
| | | captchaOnOff: true, |
| | | uuid: "", |
| | | form: {}, |
| | | hospitallist: [], |
| | | year: "", |
| | | code: "", |
| | | codeUrl: "", |
| | | dialogVisible: true, |
| | | isloading: false, |
| | | tableLoading: false, |
| | |
| | | }, |
| | | { |
| | | key: "fullLiver", |
| | | name: "全肝", |
| | | name: "肝脏", |
| | | value: 0 |
| | | }, |
| | | { |
| | | key: "leftLiver", |
| | | name: "左肝", |
| | | value: 0 |
| | | }, |
| | | { |
| | | key: "rightLiver", |
| | | name: "右肝", |
| | | value: 0 |
| | | }, |
| | | |
| | | |
| | | { |
| | | key: "leftRenal", |
| | |
| | | }, |
| | | created() { |
| | | this.height = window.innerHeight - 72; |
| | | this.getCode(); |
| | | //this.getinfos(); |
| | | //this.getOrgansOfHospitalByMonthss(); |
| | | }, |
| | |
| | | // 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); |
| | |
| | | } |
| | | } |
| | | } |
| | | ::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; |
| | |
| | | margin-right: -27px; |
| | | } |
| | | } |
| | | .login-code { |
| | | width: 33%; |
| | | height: 38px; |
| | | float: right; |
| | | img { |
| | | cursor: pointer; |
| | | vertical-align: middle; |
| | | } |
| | | } |
| | | .login-code-img { |
| | | height: 38px; |
| | | } |
| | | </style> |