{"remainingRequest":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\src\\views\\pages\\login.vue?vue&type=style&index=0&lang=scss&","dependencies":[{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\src\\views\\pages\\login.vue","mtime":1614735254000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\sass-loader\\lib\\loader.js","mtime":1533139052000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nbody {\n\t.aui-page__login {\n\t\tbackground-size: 100% 100%;\n\t\tpadding: 0;\n\n\t\t&::before {\n\t\t\t/*background: url('../../assets/img/login-bg.jpg') left top no-repeat;*/\n\t\t\tbackground-size: 100% 100%;\n\t\t}\n\n\t\t.logo {\n\t\t\tposition: absolute;\n\t\t\tleft: 30px;\n\t\t\ttop: 30px;\n\t\t}\n\n\t\t.aui-content {\n\t\t\t// justify-content: flex-end;\n\t\t\talign-items: flex-end;\n\n\t\t\t.login-header {\n\t\t\t\ttext-align: center;\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin: 0 auto;\n\t\t\t\tz-index: 2;\n\n\t\t\t\t.login-brand {\n\t\t\t\t\tfont-size: 40px;\n\t\t\t\t\tfont-weight: bold;\n\t\t\t\t\tletter-spacing: 10px;\n\t\t\t\t\tbackground-image: -webkit-linear-gradient(top, #F4FDFE, #73EDFD, #05E2FF);\n\t\t\t\t\t-webkit-background-clip: text;\n\t\t\t\t\t-webkit-text-fill-color: transparent;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.login-body {\n\t\t\t\tz-index: 2;\n\t\t\t\twidth: auto;\n\t\t\t\ttext-align: left;\n\t\t\t\tbackground: transparent;\n\t\t\t\tmargin: 0 auto;\n\t\t\t\tpadding: 50px 30px;\n\t\t\t\tbox-shadow: 0px 0px 20px rgba($color: #00bff6, $alpha: 0.5) inset;\n\t\t\t\tborder: 1px solid rgba($color: #00bff6, $alpha: 0.5);\n\n\t\t\t\t.login-title {\n\t\t\t\t\tcolor: #00bff6;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\tfont-size: 26px;\n\t\t\t\t\tletter-spacing: 5px;\n\t\t\t\t\tmargin: 15px 0 35px 0;\n\t\t\t\t}\n\n\t\t\t\t.el-form {\n\t\t\t\t\t.el-form-item {\n\t\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\t\tmargin-right: 20px;\n\n\t\t\t\t\t\t.login-captcha {\n\t\t\t\t\t\t\theight: 40px;\n\t\t\t\t\t\t\twidth: auto;\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.user-record {\n\t\t\t\t\t\t\ttext-align: left;\n\t\t\t\t\t\t\tcolor: #fff;\n\n\t\t\t\t\t\t\t.el-checkbox {\n\t\t\t\t\t\t\t\t.el-checkbox__label {\n\t\t\t\t\t\t\t\t\tcolor: #fff;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.el-checkbox__inner {\n\t\t\t\t\t\t\t\t\tborder-color: rgba($color: #fff, $alpha: 0.2);\n\t\t\t\t\t\t\t\t\tbackground: rgba($color: #fff, $alpha: 0.2);\n\t\t\t\t\t\t\t\t\tbox-shadow: 0px 0px 55px rgba($color: #fff, $alpha: 0.2) inset;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.el-button {\n\t\t\t\t\t\t\t\tfloat: right;\n\t\t\t\t\t\t\t\tcolor: #fff;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.el-input {\n\t\t\t\t\t\t\twidth: 220px;\n\n\t\t\t\t\t\t\timg {\n\t\t\t\t\t\t\t\twidth: 18px;\n\t\t\t\t\t\t\t\theight: 18px;\n\t\t\t\t\t\t\t\tvertical-align: top;\n\t\t\t\t\t\t\t\tmargin-top: 8px;\n\t\t\t\t\t\t\t\tmargin-left: 15px;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.el-input__inner {\n\t\t\t\t\t\t\t\tcolor: #fff;\n\t\t\t\t\t\t\t\tpadding-left: 45px;\n\t\t\t\t\t\t\t\tborder-radius: 5px;\n\t\t\t\t\t\t\t\tborder-color: transparent !important;\n\t\t\t\t\t\t\t\tbackground: rgba($color: #fff, $alpha: 0.2) !important;\n\n\t\t\t\t\t\t\t\t// box-shadow: 0px 0px 10px rgba($color: #fff, $alpha: 0.2) inset;\n\t\t\t\t\t\t\t\t&:-webkit-autofill {\n\t\t\t\t\t\t\t\t\t-webkit-box-shadow: 0 0 0 1000px rgba($color: #fff, $alpha: 0.3) inset;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&::-webkit-input-placeholder {\n\t\t\t\t\t\t\t\t\tcolor: #fff;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.el-input__icon {\n\t\t\t\t\t\t\t\tcolor: #fff;\n\t\t\t\t\t\t\t\tfont-size: 20px;\n\t\t\t\t\t\t\t\tline-height: 38px;\n\t\t\t\t\t\t\t\tvertical-align: top;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.el-button--primary {\n\t\t\t\t\t\t\tbackground: #0ba1f8;\n\t\t\t\t\t\t\tletter-spacing: 5px;\n\t\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t\t\theight: 40px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tvideo {\n\t\t\t\tposition: fixed;\n\t\t\t\t-webkit-filter: grayscale(20%);\n\t\t\t\tleft: 0;\n\t\t\t\ttop: 0;\n\t\t\t\tright: 0;\n\t\t\t\tbottom: 0;\n\t\t\t\tz-index: 1;\n\t\t\t\tobject-fit: cover;\n\t\t\t}\n\t\t}\n\t}\n}\n",{"version":3,"sources":["login.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqMA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"login.vue","sourceRoot":"src/views/pages","sourcesContent":["<template>\n\t<div class=\"aui-wrapper aui-page__login\">\n\t\t<div class=\"aui-content__wrapper\">\n\t\t\t<main class=\"aui-content\">\n\t\t\t\t<!--<img class=\"logo\" src=\"../../assets/img/logo.png\" alt=\"logo\">-->\n\t\t\t\t<div class=\"login-header\">\n\t\t\t\t\t<!--<h2 class=\"login-brand\"><img src=\"../../assets/img/login-title.png\" alt=\"title\"></h2>-->\n\t\t\t\t</div>\n\t\t\t\t<div class=\"login-body\">\n\t\t\t\t\t<!-- <h3 class=\"login-title\">{{ $t('login.title') }}</h3> -->\n\t\t\t\t\t<el-form :model=\"dataForm\" :rules=\"dataRule\" inline ref=\"dataForm\" @keyup.enter.native=\"dataFormSubmitHandle()\"\n\t\t\t\t\t status-icon>\n\t\t\t\t\t\t<el-form-item prop=\"username\">\n\t\t\t\t\t\t\t<!-- 用户接收chrome自动填充  避免input背景色不透明 start-->\n\t\t\t\t\t\t\t<input type=\"text\" name=\"username\" style=\"display:none\" />\n\t\t\t\t\t\t\t<input type=\"password\" name=\"password\" style=\"display:none\" />\n\t\t\t\t\t\t\t<!-- 用户接收chrome自动填充  避免input背景色不透明 end-->\n\t\t\t\t\t\t\t<el-input v-model=\"dataForm.username\" @keypress=\"detectCapsLock($event)\" :placeholder=\"$t('login.username')\"\n\t\t\t\t\t\t\t auto-complete=\"new-password\">\n\t\t\t\t\t\t\t\t<span slot=\"prefix\" class=\"el-input__icon\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon-svg\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t<use xlink:href=\"#icon-user\" />\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</el-input>\n\t\t\t\t\t\t</el-form-item>\n\t\t\t\t\t\t<el-form-item prop=\"password\">\n\t\t\t\t\t\t\t<el-input v-model=\"dataForm.password\" type=\"password\" :placeholder=\"$t('login.password')\" auto-complete=\"new-password\">\n\t\t\t\t\t\t\t\t<span slot=\"prefix\" class=\"el-input__icon\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon-svg\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t<use xlink:href=\"#icon-lock\" />\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</el-input>\n\t\t\t\t\t\t</el-form-item>\n\t\t\t\t\t\t<el-form-item prop=\"captcha\">\n\t\t\t\t\t\t\t<el-input v-model=\"dataForm.captcha\" :placeholder=\"$t('login.captcha')\">\n\t\t\t\t\t\t\t\t<span slot=\"prefix\" class=\"el-input__icon\">\n\t\t\t\t\t\t\t\t\t<svg class=\"icon-svg\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t<use xlink:href=\"#icon-safetycertificate\" />\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</el-input>\n\t\t\t\t\t\t</el-form-item>\n\t\t\t\t\t\t<el-form-item>\n\t\t\t\t\t\t\t<img class=\"login-captcha\" :src=\"captchaPath\" @click=\"getCaptcha()\" />\n\t\t\t\t\t\t</el-form-item>\n\t\t\t\t\t\t<el-form-item>\n\t\t\t\t\t\t\t<el-button type=\"primary\" v-loading=\"loading\" @click=\"dataFormSubmitHandle()\" class=\"w-percent-100\">{{ $t('login.title') }}</el-button>\n\t\t\t\t\t\t</el-form-item>\n\t\t\t\t\t</el-form>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"login-footer\">\n\t\t\t\t\t<!-- <p>\n\t\t\t\t\t\t<a href=\"https://demo.cloud.renren.io/renren-cloud\" target=\"_blank\">{{ $t('login.demo') }}</a>\n\t\t\t\t\t</p> -->\n\t\t\t\t\t<p>版本号 © V1.0</p>\n\t\t\t\t</div>\n\n\t\t\t</main>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\n\timport Cookies from 'js-cookie'\n\timport debounce from 'lodash/debounce'\n\timport {\n\t\tmessages\n\t} from '@/i18n'\n\timport {\n\t\tgetUUID,\n\t\tclearLoginInfo\n\t} from '@/utils'\n\timport ajax from '@/utils/login'\n\texport default {\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\ti18nMessages: messages,\n\t\t\t\tloading: false,\n\t\t\t\tcaptchaPath: '',\n\t\t\t\tdataForm: {\n\t\t\t\t\tusername: '',\n\t\t\t\t\tpassword: '',\n\t\t\t\t\tuuid: '',\n\t\t\t\t\tcaptcha: '',\n\t\t\t\t\tgrant_type: 'password'\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tcomputed: {\n\t\t\tdataRule() {\n\t\t\t\treturn {\n\t\t\t\t\tusername: [{\n\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\tmessage: this.$t('validate.required'),\n\t\t\t\t\t\ttrigger: 'blur'\n\t\t\t\t\t}],\n\t\t\t\t\tpassword: [{\n\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\tmessage: this.$t('validate.required'),\n\t\t\t\t\t\ttrigger: 'blur'\n\t\t\t\t\t}],\n\t\t\t\t\tcaptcha: [{\n\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\tmessage: this.$t('validate.required'),\n\t\t\t\t\t\ttrigger: 'blur'\n\t\t\t\t\t}]\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tmounted() {\n\t\t\tthis.getCaptcha()\n\t\t},\n\t\tmethods: {\n\t\t\t// 获取验证码\n\t\t\tgetCaptcha() {\n\t\t\t\tthis.dataForm.uuid = getUUID()\n\t\t\t\tthis.captchaPath = `${window.SITE_CONFIG['apiURL']}/auth/captcha?uuid=${this.dataForm.uuid}`\n\t\t\t},\n\t\t\tloginSelf() {\n\t\t\t\treturn new Promise((resolve, reject) => {\n\t\t\t\t\tthis.$http.post('/auth/oauth/token', this.dataForm, {\n\t\t\t\t\t\theaders: {\n\t\t\t\t\t\t\t'content-type': 'application/x-www-form-urlencoded',\n\t\t\t\t\t\t\t'Authorization': 'Basic cmVucmVuaW86cmVucmVuaW8='\n\t\t\t\t\t\t}\n\t\t\t\t\t}).then(({\n\t\t\t\t\t\tdata: res\n\t\t\t\t\t}) => {\n\t\t\t\t\t\tif (res.code !== 0) {\n\t\t\t\t\t\t\treject(res.msg)\n\t\t\t\t\t\t\tthis.getCaptcha()\n\t\t\t\t\t\t}\n\t\t\t\t\t\tresolve('success')\n\t\t\t\t\t\tCookies.set('access_token', res.access_token)\n\t\t\t\t\t}).catch(err => {\n\t\t\t\t\t\treject(err.response.data)\n\t\t\t\t\t})\n\t\t\t\t})\n\t\t\t},\n\t\t\tlogin3dSystem() {\n\t\t\t\treturn new Promise((resolve, reject) => {\n\t\t\t\t\tajax({\n\t\t\t\t\t\turl: \"/map/account/token\",\n\t\t\t\t\t\tmethod: \"post\",\n\t\t\t\t\t\theaders: {\n\t\t\t\t\t\t\t'Authorization': ''\n\t\t\t\t\t\t},\n\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\tloginName: this.dataForm.username,\n\t\t\t\t\t\t\tpassword: this.dataForm.password\n\t\t\t\t\t\t}\n\t\t\t\t\t}).then(({\n\t\t\t\t\t\tdata: res\n\t\t\t\t\t}) => {\n\t\t\t\t\t\tif (res.status != 200) {\n\t\t\t\t\t\t\treject(res.result)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tresolve('success')\n\t\t\t\t\t\tCookies.set('token', res.result.token)\n\t\t\t\t\t}).catch(err => {\n\t\t\t\t\t\treject(err.data.msg)\n\t\t\t\t\t})\n\t\t\t\t})\n\t\t\t},\n\t\t\t// 表单提交\n\t\t\tdataFormSubmitHandle() {\n\t\t\t\tthis.$refs['dataForm'].validate((valid) => {\n\t\t\t\t\tif (!valid) {\n\t\t\t\t\t\treturn false\n\t\t\t\t\t}\n\t\t\t\t\tthis.loading = true;\n\t\t\t\t\t// this.login3dSystem()\n\t\t\t\t\t// 两个系统全部登录成功后 进入系统 ,this.login3dSystem()\n\t\t\t\t\tPromise.all(process.env.NODE_ENV === \"development\" ? [this.loginSelf()] : [this.loginSelf(), this.login3dSystem()])\n\t\t\t\t\t\t.then(result => {\n\t\t\t\t\t\t\tthis.$router.replace({\n\t\t\t\t\t\t\t\tname: 'home'\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}).catch(err => {\n\t\t\t\t\t\t\tclearLoginInfo()\n\t\t\t\t\t\t\tconsole.error(err)\n\t\t\t\t\t\t\tif (err.indexOf(\"Service\") >= 0) {\n\t\t\t\t\t\t\t\tthis.$message.error(\"系统升级中，请耐心等待！\")\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tthis.$message.error(err)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}).finally(() => {\n\t\t\t\t\t\t\tthis.loading = false\n\t\t\t\t\t\t})\n\t\t\t\t})\n\t\t\t},\n\t\t}\n\t}\n</script>\n<style lang=\"scss\">\n\tbody {\n\t\t.aui-page__login {\n\t\t\tbackground-size: 100% 100%;\n\t\t\tpadding: 0;\n\n\t\t\t&::before {\n\t\t\t\t/*background: url('../../assets/img/login-bg.jpg') left top no-repeat;*/\n\t\t\t\tbackground-size: 100% 100%;\n\t\t\t}\n\n\t\t\t.logo {\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: 30px;\n\t\t\t\ttop: 30px;\n\t\t\t}\n\n\t\t\t.aui-content {\n\t\t\t\t// justify-content: flex-end;\n\t\t\t\talign-items: flex-end;\n\n\t\t\t\t.login-header {\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tmargin: 0 auto;\n\t\t\t\t\tz-index: 2;\n\n\t\t\t\t\t.login-brand {\n\t\t\t\t\t\tfont-size: 40px;\n\t\t\t\t\t\tfont-weight: bold;\n\t\t\t\t\t\tletter-spacing: 10px;\n\t\t\t\t\t\tbackground-image: -webkit-linear-gradient(top, #F4FDFE, #73EDFD, #05E2FF);\n\t\t\t\t\t\t-webkit-background-clip: text;\n\t\t\t\t\t\t-webkit-text-fill-color: transparent;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.login-body {\n\t\t\t\t\tz-index: 2;\n\t\t\t\t\twidth: auto;\n\t\t\t\t\ttext-align: left;\n\t\t\t\t\tbackground: transparent;\n\t\t\t\t\tmargin: 0 auto;\n\t\t\t\t\tpadding: 50px 30px;\n\t\t\t\t\tbox-shadow: 0px 0px 20px rgba($color: #00bff6, $alpha: 0.5) inset;\n\t\t\t\t\tborder: 1px solid rgba($color: #00bff6, $alpha: 0.5);\n\n\t\t\t\t\t.login-title {\n\t\t\t\t\t\tcolor: #00bff6;\n\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t\tfont-size: 26px;\n\t\t\t\t\t\tletter-spacing: 5px;\n\t\t\t\t\t\tmargin: 15px 0 35px 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t.el-form {\n\t\t\t\t\t\t.el-form-item {\n\t\t\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\t\t\tmargin-right: 20px;\n\n\t\t\t\t\t\t\t.login-captcha {\n\t\t\t\t\t\t\t\theight: 40px;\n\t\t\t\t\t\t\t\twidth: auto;\n\t\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&.user-record {\n\t\t\t\t\t\t\t\ttext-align: left;\n\t\t\t\t\t\t\t\tcolor: #fff;\n\n\t\t\t\t\t\t\t\t.el-checkbox {\n\t\t\t\t\t\t\t\t\t.el-checkbox__label {\n\t\t\t\t\t\t\t\t\t\tcolor: #fff;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t.el-checkbox__inner {\n\t\t\t\t\t\t\t\t\t\tborder-color: rgba($color: #fff, $alpha: 0.2);\n\t\t\t\t\t\t\t\t\t\tbackground: rgba($color: #fff, $alpha: 0.2);\n\t\t\t\t\t\t\t\t\t\tbox-shadow: 0px 0px 55px rgba($color: #fff, $alpha: 0.2) inset;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.el-button {\n\t\t\t\t\t\t\t\t\tfloat: right;\n\t\t\t\t\t\t\t\t\tcolor: #fff;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.el-input {\n\t\t\t\t\t\t\t\twidth: 220px;\n\n\t\t\t\t\t\t\t\timg {\n\t\t\t\t\t\t\t\t\twidth: 18px;\n\t\t\t\t\t\t\t\t\theight: 18px;\n\t\t\t\t\t\t\t\t\tvertical-align: top;\n\t\t\t\t\t\t\t\t\tmargin-top: 8px;\n\t\t\t\t\t\t\t\t\tmargin-left: 15px;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.el-input__inner {\n\t\t\t\t\t\t\t\t\tcolor: #fff;\n\t\t\t\t\t\t\t\t\tpadding-left: 45px;\n\t\t\t\t\t\t\t\t\tborder-radius: 5px;\n\t\t\t\t\t\t\t\t\tborder-color: transparent !important;\n\t\t\t\t\t\t\t\t\tbackground: rgba($color: #fff, $alpha: 0.2) !important;\n\n\t\t\t\t\t\t\t\t\t// box-shadow: 0px 0px 10px rgba($color: #fff, $alpha: 0.2) inset;\n\t\t\t\t\t\t\t\t\t&:-webkit-autofill {\n\t\t\t\t\t\t\t\t\t\t-webkit-box-shadow: 0 0 0 1000px rgba($color: #fff, $alpha: 0.3) inset;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&::-webkit-input-placeholder {\n\t\t\t\t\t\t\t\t\t\tcolor: #fff;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.el-input__icon {\n\t\t\t\t\t\t\t\t\tcolor: #fff;\n\t\t\t\t\t\t\t\t\tfont-size: 20px;\n\t\t\t\t\t\t\t\t\tline-height: 38px;\n\t\t\t\t\t\t\t\t\tvertical-align: top;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.el-button--primary {\n\t\t\t\t\t\t\t\tbackground: #0ba1f8;\n\t\t\t\t\t\t\t\tletter-spacing: 5px;\n\t\t\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t\t\t\theight: 40px;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tvideo {\n\t\t\t\t\tposition: fixed;\n\t\t\t\t\t-webkit-filter: grayscale(20%);\n\t\t\t\t\tleft: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tright: 0;\n\t\t\t\t\tbottom: 0;\n\t\t\t\t\tz-index: 1;\n\t\t\t\t\tobject-fit: cover;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n</style>\n"]}]}