|  |  | 
 |  |  |               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> | 
 |  |  | 
 |  |  |   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, | 
 |  |  | 
 |  |  |   }, | 
 |  |  |   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); | 
 |  |  | 
 |  |  |   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; | 
 |  |  | 
 |  |  |     margin-right: -27px; | 
 |  |  |   } | 
 |  |  | } | 
 |  |  | .login-code { | 
 |  |  |   width: 33%; | 
 |  |  |   height: 38px; | 
 |  |  |   float: right; | 
 |  |  |   img { | 
 |  |  |     cursor: pointer; | 
 |  |  |     vertical-align: middle; | 
 |  |  |   } | 
 |  |  | } | 
 |  |  | .login-code-img { | 
 |  |  |   height: 38px; | 
 |  |  | } | 
 |  |  | </style> |