GitBucket
4.6.0
Toggle navigation
Sign in
Files
Branches
1
Tags
Issues
Pull Requests
Labels
Milestones
Wiki
08335
/
hivui-platform-template
hivui平台项目模板
Browse code
@中文描述:样式
@升级登记:1 @同步后端:0 @同步数据库:0 @同步配置:0 @向下兼容:1
master
1 parent
221dcb0
commit
32dd54a2310749286e9ed13db32573db144e20e7
20278
authored
on 13 Feb
Showing
3 changed files
project/hivuiLogin/lang/def.language
project/hivuiLogin/lang/zh-CN.js
project/hivuiLogin/views/authorize.vue
Ignore Space
Show notes
View
project/hivuiLogin/lang/def.language
hivuiLogin_sysInit=系统初始化中... hivuiLogin_clickRefresh=【点我刷新】 hivuiLogin_pw_weak=弱 hivuiLogin_pw_middle=中 hivuiLogin_pw_strong=高 hivuiLogin_reset_phone=手机号 hivuiLogin_reset_password_tip=请输入密码 hivuiLogin_reset_captcha=验证码 hivuiLogin_reset_getCaptcha=获取验证码 hivuiLogin_reset_getAgain=秒后再次获取 hivuiLogin_reset_reset=重置密码 hivuiLogin_reset_def_copyright=版权所有 © 2021-2025 中海创科技(福建)集团有限公司 hivuiLogin_reset_phone_tip=请填写手机号 hivuiLogin_reset_phone_msg=请填写正确的手机格式! hivuiLogin_reset_password_tip2=请填写密码 hivuiLogin_reset_password_msg1=请输入至少 hivuiLogin_reset_password_msg2=位密码! hivuiLogin_reset_captcha_msg=请填写验证码 hivuiLogin_reset_reset_success=密码重置成功 hivuiLogin_main_def_title=中海创科技 hivuiLogin_main_def_copyright=版权所有 © 2020-2025 中海创科技 hivuiLogin_main_scan_login=扫码登录 hivuiLogin_main_user=用户名/邮箱 hivuiLogin_main_user_ph=用户名 hivuiLogin_main_pw=登录密码 hivuiLogin_main_pw_ph=请输入密码 hivuiLogin_main_captcha=验证码 hivuiLogin_main_captcha_ph=请输入验证码 hivuiLogin_main_save_user=记住用户名 hivuiLogin_main_forget_user=忘记密码? hivuiLogin_main_login_btn=登 录 hivuiLogin_main_register1=没有账号, hivuiLogin_main_register2=马上注册! hivuiLogin_main_download=下载 hivuiLogin_main_appdownload=APP下载 hivuiLogin_main_pw_text=密码登录 hivuiLogin_main_login_fail=登录失败! hivuiLogin_main_qr_fail=二维码失效 hivuiLogin_main_qr_refresh=刷新二维码 hivuiLogin_main_scan_success=扫描成功! hivuiLogin_main_scan_text=请在手机上根据提示确认登录 hivuiLogin_main_app_text1=打开 hivuiLogin_main_app_text2=海创科技App hivuiLogin_main_app_text3=扫一扫登录 hivuiLogin_main_forget_title=忘记密码 hivuiLogin_main_admin_forget_title=管理员解锁 hivuiLogin_main_admin_unlock=解锁 hivuiLogin_main_unlock_success=解锁成功! hivuiLogin_main_valid_user=请输入用户名! hivuiLogin_main_valid_pw=请输入密码! hivuiLogin_main_valid_captcha=请输入验证码 hivuiLogin_main_bz_title=岗位 hivuiLogin_main_bz_placeholder=请选择岗位 hivuiLogin_register_title=注册 hivuiLogin_register_box_title=注册账号 hivuiLogin_register_user=账号 hivuiLogin_register_phone=手机号 hivuiLogin_register_pw1=请输入密码 hivuiLogin_register_pw2=确认密码 hivuiLogin_register_captcha=验证码 hivuiLogin_register_submit=立即注册 hivuiLogin_register_tiptext1=已有账号, hivuiLogin_register_tiptext2=马上登录? hivuiLogin_register_valid_user=请填写账号 hivuiLogin_register_valid_user2=账号长度超出,请重新输入! hivuiLogin_register_valid_phone=请填写手机号 hivuiLogin_register_valid_phone2=请填写正确的手机格式! hivuiLogin_register_valid_pw=请填写密码! hivuiLogin_register_valid_pw_msg=请输入至少 hivuiLogin_register_valid_pw_msg2=位密码! hivuiLogin_register_valid_pw2=请再次填写密码 hivuiLogin_register_valid_pw2_msg=两次输入密码不一致! hivuiLogin_register_valid_captcha=请填写验证码 hivuiLogin_register_success=注册成功,即将返回登录页 hivuiLogin_authorize_title=授权页面 hivuiLogin_authorize_box_title=授权 hivuiLogin_authorize_machine_code=硬件ID hivuiLogin_authorize_machine_code_placeholder=机器码获取失败 hivuiLogin_authorize_upload_btn=点击上传证书 hivuiLogin_authorize_submit=验证授权 hivuiLogin_authorize_tiptext2=返回登录页 hivuiLogin_authorize_file_empty=请上传证书 hivuiLogin_authorize_upload_success=授权成功! hivuiLogin_authorize_btn_text=点击返回登录页 hivuiLogin_authorize_time=到期时间 hivuiMain_eap_msgTips=消息提示 hivuiMain_eap_define=确定 hivuiMain_eap_showErrorDetail=弹出报错详情 hivuiMain_eap_hideErrorDetail=收起报错详情 hivuiMain_eap_noPermissionTips=你已被登出,请重新登录 hivuiMain_eap_timeOut=登录超时 hivuiMain_eap_Relist=重新登录 hivuiMain_eap_responseNull=后端请求返回出错,请联系开发人员 hivuiMain_eap_timeoutError=接口请求超时! hivuiMain_eap_sameUser_tpl=用户已切换,当前用户与登录用户不符 hivuiMain_eap_sameUser_title=提示 hivuiMain_eap_sameUser_confirm=重新加载 hivuiMain_eap_sameUser_cancel=关闭 customSysCfg_companyname=中海创科技 customSysCfg_copyright=版权所有 © 2020-2025 中海创科技 customSysCfg_pageTitle=中海创登录
hivuiLogin_sysInit=系统初始化中... hivuiLogin_clickRefresh=【点我刷新】 hivuiLogin_pw_weak=弱 hivuiLogin_pw_middle=中 hivuiLogin_pw_strong=高 hivuiLogin_reset_phone=手机号 hivuiLogin_reset_password_tip=请输入密码 hivuiLogin_reset_captcha=验证码 hivuiLogin_reset_getCaptcha=获取验证码 hivuiLogin_reset_getAgain=秒后再次获取 hivuiLogin_reset_reset=重置密码 hivuiLogin_reset_def_copyright=版权所有 © 2021-2025 中海创科技(福建)集团有限公司 hivuiLogin_reset_phone_tip=请填写手机号 hivuiLogin_reset_phone_msg=请填写正确的手机格式! hivuiLogin_reset_password_tip2=请填写密码 hivuiLogin_reset_password_msg1=请输入至少 hivuiLogin_reset_password_msg2=位密码! hivuiLogin_reset_captcha_msg=请填写验证码 hivuiLogin_reset_reset_success=密码重置成功 hivuiLogin_main_def_title=中海创科技 hivuiLogin_main_def_copyright=版权所有 © 2020-2025 中海创科技 hivuiLogin_main_scan_login=扫码登录 hivuiLogin_main_user=用户名/邮箱 hivuiLogin_main_user_ph=用户名 hivuiLogin_main_pw=登录密码 hivuiLogin_main_pw_ph=请输入密码 hivuiLogin_main_captcha=验证码 hivuiLogin_main_captcha_ph=请输入验证码 hivuiLogin_main_save_user=记住用户名 hivuiLogin_main_forget_user=忘记密码? hivuiLogin_main_login_btn=登 录 hivuiLogin_main_register1=没有账号, hivuiLogin_main_register2=马上注册! hivuiLogin_main_download=下载 hivuiLogin_main_appdownload=APP下载 hivuiLogin_main_pw_text=密码登录 hivuiLogin_main_login_fail=登录失败! hivuiLogin_main_qr_fail=二维码失效 hivuiLogin_main_qr_refresh=刷新二维码 hivuiLogin_main_scan_success=扫描成功! hivuiLogin_main_scan_text=请在手机上根据提示确认登录 hivuiLogin_main_app_text1=打开 hivuiLogin_main_app_text2=海创科技App hivuiLogin_main_app_text3=扫一扫登录 hivuiLogin_main_forget_title=忘记密码 hivuiLogin_main_admin_forget_title=管理员解锁 hivuiLogin_main_admin_unlock=解锁 hivuiLogin_main_unlock_success=解锁成功! hivuiLogin_main_valid_user=请输入用户名! hivuiLogin_main_valid_pw=请输入密码! hivuiLogin_main_valid_captcha=请输入验证码 hivuiLogin_main_bz_title=岗位 hivuiLogin_main_bz_placeholder=请选择岗位 hivuiLogin_register_title=注册 hivuiLogin_register_box_title=注册账号 hivuiLogin_register_user=账号 hivuiLogin_register_phone=手机号 hivuiLogin_register_pw1=请输入密码 hivuiLogin_register_pw2=确认密码 hivuiLogin_register_captcha=验证码 hivuiLogin_register_submit=立即注册 hivuiLogin_register_tiptext1=已有账号, hivuiLogin_register_tiptext2=马上登录? hivuiLogin_register_valid_user=请填写账号 hivuiLogin_register_valid_user2=账号长度超出,请重新输入! hivuiLogin_register_valid_phone=请填写手机号 hivuiLogin_register_valid_phone2=请填写正确的手机格式! hivuiLogin_register_valid_pw=请填写密码! hivuiLogin_register_valid_pw_msg=请输入至少 hivuiLogin_register_valid_pw_msg2=位密码! hivuiLogin_register_valid_pw2=请再次填写密码 hivuiLogin_register_valid_pw2_msg=两次输入密码不一致! hivuiLogin_register_valid_captcha=请填写验证码 hivuiLogin_register_success=注册成功,即将返回登录页 hivuiLogin_authorize_title=授权页面 hivuiLogin_authorize_box_title=授权 hivuiLogin_authorize_machine_code=硬件ID hivuiLogin_authorize_machine_code_placeholder=机器码获取失败 hivuiLogin_authorize_upload_btn=点击上传证书 hivuiLogin_authorize_submit=验证授权 hivuiLogin_authorize_tiptext2=返回登录页 hivuiLogin_authorize_file_empty=请上传证书 hivuiLogin_authorize_upload_success=授权成功! hivuiLogin_authorize_time=到期时间 hivuiMain_eap_msgTips=消息提示 hivuiMain_eap_define=确定 hivuiMain_eap_showErrorDetail=弹出报错详情 hivuiMain_eap_hideErrorDetail=收起报错详情 hivuiMain_eap_noPermissionTips=你已被登出,请重新登录 hivuiMain_eap_timeOut=登录超时 hivuiMain_eap_Relist=重新登录 hivuiMain_eap_responseNull=后端请求返回出错,请联系开发人员 hivuiMain_eap_timeoutError=接口请求超时! hivuiMain_eap_sameUser_tpl=用户已切换,当前用户与登录用户不符 hivuiMain_eap_sameUser_title=提示 hivuiMain_eap_sameUser_confirm=重新加载 hivuiMain_eap_sameUser_cancel=关闭 customSysCfg_companyname=中海创科技 customSysCfg_copyright=版权所有 © 2020-2025 中海创科技 customSysCfg_pageTitle=中海创登录
Ignore Space
Show notes
View
project/hivuiLogin/lang/zh-CN.js
var GLOBAL_LANG_TPL = { "hivuiLogin_sysInit": "系统初始化中...", "hivuiLogin_clickRefresh": "【点我刷新】", "hivuiLogin_pw_weak": "弱", "hivuiLogin_pw_middle": "中", "hivuiLogin_pw_strong": "高", "hivuiLogin_reset_phone": "手机号", "hivuiLogin_reset_password_tip": "请输入密码", "hivuiLogin_reset_captcha": "验证码", "hivuiLogin_reset_getCaptcha": "获取验证码", "hivuiLogin_reset_getAgain": "秒后再次获取", "hivuiLogin_reset_reset": "重置密码", "hivuiLogin_reset_def_copyright": "版权所有 © 2021-2025 中海创科技(福建)集团有限公司", "hivuiLogin_reset_phone_tip": "请填写手机号", "hivuiLogin_reset_phone_msg": "请填写正确的手机格式!", "hivuiLogin_reset_password_tip2": "请填写密码", "hivuiLogin_reset_password_msg1": "请输入至少", "hivuiLogin_reset_password_msg2": "位密码!", "hivuiLogin_reset_captcha_msg": "请填写验证码", "hivuiLogin_reset_reset_success": "密码重置成功", "hivuiLogin_main_def_title": "中海创科技", "hivuiLogin_main_def_copyright": "版权所有 © 2020-2025 中海创科技", "hivuiLogin_main_scan_login": "扫码登录", "hivuiLogin_main_user": "用户名/邮箱", "hivuiLogin_main_user_ph": "用户名", "hivuiLogin_main_pw": "登录密码", "hivuiLogin_main_pw_ph": "请输入密码", "hivuiLogin_main_captcha":"验证码", "hivuiLogin_main_captcha_ph":"请输入验证码", "hivuiLogin_main_save_user": "记住用户名", "hivuiLogin_main_forget_user": "忘记密码?", "hivuiLogin_main_login_btn": "登 录", "hivuiLogin_main_register1": "没有账号,", "hivuiLogin_main_register2": "马上注册!", "hivuiLogin_main_download": "下载", "hivuiLogin_main_appdownload": "APP下载", "hivuiLogin_main_pw_text": "密码登录", "hivuiLogin_main_login_fail": "登录失败!", "hivuiLogin_main_qr_fail": "二维码失效", "hivuiLogin_main_qr_refresh": "刷新二维码", "hivuiLogin_main_scan_success": "扫描成功!", "hivuiLogin_main_scan_text": "请在手机上根据提示确认登录", "hivuiLogin_main_app_text1": "打开", "hivuiLogin_main_app_text2": "海创科技App", "hivuiLogin_main_app_text3": "扫一扫登录", "hivuiLogin_main_forget_title": "忘记密码", "hivuiLogin_main_admin_forget_title": "管理员解锁", "hivuiLogin_main_admin_unlock": "解锁", "hivuiLogin_main_unlock_success": "解锁成功!", "hivuiLogin_main_valid_user": "请输入用户名!", "hivuiLogin_main_valid_pw": "请输入密码!", "hivuiLogin_main_valid_captcha":"请输入验证码", "hivuiLogin_main_bz_title": "岗位", "hivuiLogin_main_bz_placeholder": "请选择岗位", "hivuiLogin_register_title": "注册", "hivuiLogin_register_box_title": "注册账号", "hivuiLogin_register_user": "账号", "hivuiLogin_register_phone": "手机号", "hivuiLogin_register_pw1": "请输入密码", "hivuiLogin_register_pw2": "确认密码", "hivuiLogin_register_captcha": "验证码", "hivuiLogin_register_submit": "立即注册", "hivuiLogin_register_tiptext1": "已有账号,", "hivuiLogin_register_tiptext2": "马上登录?", "hivuiLogin_register_valid_user": "请填写账号", "hivuiLogin_register_valid_user2": "账号长度超出,请重新输入!", "hivuiLogin_register_valid_phone": "请填写手机号", "hivuiLogin_register_valid_phone2": "请填写正确的手机格式!", "hivuiLogin_register_valid_pw": "请填写密码!", "hivuiLogin_register_valid_pw_msg": "请输入至少", "hivuiLogin_register_valid_pw_msg2": "位密码!", "hivuiLogin_register_valid_pw2": "请再次填写密码", "hivuiLogin_register_valid_pw2_msg": "两次输入密码不一致!", "hivuiLogin_register_valid_captcha": "请填写验证码", "hivuiLogin_register_success": "注册成功,即将返回登录页", "hivuiLogin_authorize_title":"授权页面", "hivuiLogin_authorize_box_title":"授权", "hivuiLogin_authorize_machine_code":"硬件ID", "hivuiLogin_authorize_machine_code_placeholder":"机器码获取失败", "hivuiLogin_authorize_upload_btn":"点击上传证书", "hivuiLogin_authorize_submit":"验证授权", "hivuiLogin_authorize_tiptext2":"返回登录页", "hivuiLogin_authorize_file_empty":"请上传证书", "hivuiLogin_authorize_upload_success":"授权成功!", "hivuiLogin_authorize_btn_text":"点击返回登录页", "hivuiLogin_authorize_time":"到期时间", "hivuiMain_eap_msgTips":"消息提示", "hivuiMain_eap_define":"确定", "hivuiMain_eap_showErrorDetail":"弹出报错详情", "hivuiMain_eap_hideErrorDetail":"收起报错详情", "hivuiMain_eap_noPermissionTips":"你已被登出,请重新登录", "hivuiMain_eap_timeOut":"登录超时", "hivuiMain_eap_Relist":"重新登录", "hivuiMain_eap_responseNull":"后端请求返回出错,请联系开发人员", "hivuiMain_eap_timeoutError":"接口请求超时!", "hivuiMain_eap_sameUser_tpl":"用户已切换,当前用户与登录用户不符", "hivuiMain_eap_sameUser_title":"提示", "hivuiMain_eap_sameUser_confirm":"重新加载", "hivuiMain_eap_sameUser_cancel":"关闭", "customSysCfg_companyname":"中海创科技", "customSysCfg_copyright":"版权所有 © 2020-2025 中海创科技", "customSysCfg_pageTitle":"中海创登录" }
var GLOBAL_LANG_TPL = { "hivuiLogin_sysInit": "系统初始化中...", "hivuiLogin_clickRefresh": "【点我刷新】", "hivuiLogin_pw_weak": "弱", "hivuiLogin_pw_middle": "中", "hivuiLogin_pw_strong": "高", "hivuiLogin_reset_phone": "手机号", "hivuiLogin_reset_password_tip": "请输入密码", "hivuiLogin_reset_captcha": "验证码", "hivuiLogin_reset_getCaptcha": "获取验证码", "hivuiLogin_reset_getAgain": "秒后再次获取", "hivuiLogin_reset_reset": "重置密码", "hivuiLogin_reset_def_copyright": "版权所有 © 2021-2025 中海创科技(福建)集团有限公司", "hivuiLogin_reset_phone_tip": "请填写手机号", "hivuiLogin_reset_phone_msg": "请填写正确的手机格式!", "hivuiLogin_reset_password_tip2": "请填写密码", "hivuiLogin_reset_password_msg1": "请输入至少", "hivuiLogin_reset_password_msg2": "位密码!", "hivuiLogin_reset_captcha_msg": "请填写验证码", "hivuiLogin_reset_reset_success": "密码重置成功", "hivuiLogin_main_def_title": "中海创科技", "hivuiLogin_main_def_copyright": "版权所有 © 2020-2025 中海创科技", "hivuiLogin_main_scan_login": "扫码登录", "hivuiLogin_main_user": "用户名/邮箱", "hivuiLogin_main_user_ph": "用户名", "hivuiLogin_main_pw": "登录密码", "hivuiLogin_main_pw_ph": "请输入密码", "hivuiLogin_main_captcha":"验证码", "hivuiLogin_main_captcha_ph":"请输入验证码", "hivuiLogin_main_save_user": "记住用户名", "hivuiLogin_main_forget_user": "忘记密码?", "hivuiLogin_main_login_btn": "登 录", "hivuiLogin_main_register1": "没有账号,", "hivuiLogin_main_register2": "马上注册!", "hivuiLogin_main_download": "下载", "hivuiLogin_main_appdownload": "APP下载", "hivuiLogin_main_pw_text": "密码登录", "hivuiLogin_main_login_fail": "登录失败!", "hivuiLogin_main_qr_fail": "二维码失效", "hivuiLogin_main_qr_refresh": "刷新二维码", "hivuiLogin_main_scan_success": "扫描成功!", "hivuiLogin_main_scan_text": "请在手机上根据提示确认登录", "hivuiLogin_main_app_text1": "打开", "hivuiLogin_main_app_text2": "海创科技App", "hivuiLogin_main_app_text3": "扫一扫登录", "hivuiLogin_main_forget_title": "忘记密码", "hivuiLogin_main_admin_forget_title": "管理员解锁", "hivuiLogin_main_admin_unlock": "解锁", "hivuiLogin_main_unlock_success": "解锁成功!", "hivuiLogin_main_valid_user": "请输入用户名!", "hivuiLogin_main_valid_pw": "请输入密码!", "hivuiLogin_main_valid_captcha":"请输入验证码", "hivuiLogin_main_bz_title": "岗位", "hivuiLogin_main_bz_placeholder": "请选择岗位", "hivuiLogin_register_title": "注册", "hivuiLogin_register_box_title": "注册账号", "hivuiLogin_register_user": "账号", "hivuiLogin_register_phone": "手机号", "hivuiLogin_register_pw1": "请输入密码", "hivuiLogin_register_pw2": "确认密码", "hivuiLogin_register_captcha": "验证码", "hivuiLogin_register_submit": "立即注册", "hivuiLogin_register_tiptext1": "已有账号,", "hivuiLogin_register_tiptext2": "马上登录?", "hivuiLogin_register_valid_user": "请填写账号", "hivuiLogin_register_valid_user2": "账号长度超出,请重新输入!", "hivuiLogin_register_valid_phone": "请填写手机号", "hivuiLogin_register_valid_phone2": "请填写正确的手机格式!", "hivuiLogin_register_valid_pw": "请填写密码!", "hivuiLogin_register_valid_pw_msg": "请输入至少", "hivuiLogin_register_valid_pw_msg2": "位密码!", "hivuiLogin_register_valid_pw2": "请再次填写密码", "hivuiLogin_register_valid_pw2_msg": "两次输入密码不一致!", "hivuiLogin_register_valid_captcha": "请填写验证码", "hivuiLogin_register_success": "注册成功,即将返回登录页", "hivuiLogin_authorize_title":"授权页面", "hivuiLogin_authorize_box_title":"授权", "hivuiLogin_authorize_machine_code":"硬件ID", "hivuiLogin_authorize_machine_code_placeholder":"机器码获取失败", "hivuiLogin_authorize_upload_btn":"点击上传证书", "hivuiLogin_authorize_submit":"验证授权", "hivuiLogin_authorize_tiptext2":"返回登录页", "hivuiLogin_authorize_file_empty":"请上传证书", "hivuiLogin_authorize_upload_success":"授权成功!", "hivuiLogin_authorize_time":"到期时间", "hivuiMain_eap_msgTips":"消息提示", "hivuiMain_eap_define":"确定", "hivuiMain_eap_showErrorDetail":"弹出报错详情", "hivuiMain_eap_hideErrorDetail":"收起报错详情", "hivuiMain_eap_noPermissionTips":"你已被登出,请重新登录", "hivuiMain_eap_timeOut":"登录超时", "hivuiMain_eap_Relist":"重新登录", "hivuiMain_eap_responseNull":"后端请求返回出错,请联系开发人员", "hivuiMain_eap_timeoutError":"接口请求超时!", "hivuiMain_eap_sameUser_tpl":"用户已切换,当前用户与登录用户不符", "hivuiMain_eap_sameUser_title":"提示", "hivuiMain_eap_sameUser_confirm":"重新加载", "hivuiMain_eap_sameUser_cancel":"关闭", "customSysCfg_companyname":"中海创科技", "customSysCfg_copyright":"版权所有 © 2020-2025 中海创科技", "customSysCfg_pageTitle":"中海创登录" }
Ignore Space
Show notes
View
project/hivuiLogin/views/authorize.vue
<template> <div class="authorize"> <div class="authorize_hd"> <div class="authorize_logo" :style="authorize_logo_style"> <img :src="config.loginLogoImg"> </div> <div class="authorize_text">{{$t('hivuiLogin_authorize_title')}}</div> </div> <div class="authorize_main" :style="bgStyle"> <div class="authorize_box"> <h3>{{$t('hivuiLogin_authorize_box_title')}}</h3> <el-form ref="authorizeForm" label-width="64px"> <el-form-item class="authorize_field" prop="machineCode" :label="$t('hivuiLogin_authorize_machine_code')"> <el-input ref="machineCode" v-model="machineCode" type="text" :placeholder="$t('hivuiLogin_authorize_machine_code_placeholder')" readonly></el-input> </el-form-item> <el-upload v-show="!authorizeUploadSuccess" class="authorizeUpload" :http-request="handleUpload" :before-upload="beforeUpload" :on-change="handleChange" :file-list="fileList" :limit="2" :auto-upload="true" :show-file-list="false" accept=".md"> <el-button size="small" :type="'primary'" :loading="authorizeLoading">{{$t('hivuiLogin_authorize_upload_btn')}}</el-button> </el-upload> <div class="authorize_btn_box"> <el-button size="small" v-show="authorizeUploadSuccess" class="authorize_submit" :loading="authorizeLoading" type="success" @click="goLoginPage" >{{$t('hivuiLogin_authorize_upload_success')+$t('hivuiLogin_authorize_btn_text')}}</el-button> </div> </el-form> <!-- <div class="authorize_mask" v-show="authorizeUploadSuccess"></div> --> <div class="authorize_tips"> <span @click="goLoginPage">{{$t('hivuiLogin_authorize_tiptext2')}}<i class="el-icon-arrow-right"></i></span> </div> </div> </div> <div class="authorize_ft" v-html="config.copyright"></div> </div> </template> <script> import {getMachineCode,uploadCard} from "../api/user"; import _loginLogoImg from "../assets/Logo1.png" import _authorizeBgImg from "../assets/register/bg.png" export default { name: "authorize", data() { return { machineCode: "", fileList: [], // 用来保存文件列表 authorizeLoading: false, authorizeUploadSuccess: false, msgObj:null, config: { title: window.customSysCofig?.loginTitle||this.$t('hivuiLogin_main_def_title'), loginLogoImg: window.customSysCofig?.loginLogo||_loginLogoImg, loginLogoImg_height: window.customSysCofig?.loginLogo_h||56, loginLogoImg_width: window.customSysCofig?.loginLogo_w||206, authorizeBgImg: window.customSysCofig?.registerBgImg||_authorizeBgImg, copyright: window.customSysCofig?.copyright||this.$t('hivuiLogin_main_def_copyright'), }, }; }, model: { prop: "value", event: "valuechange" }, props: { value: { type: Object } }, computed: { bgStyle() { return { "background-image": "url(" + this.config.authorizeBgImg + ")", }; }, authorize_logo_style(){ return { "width":(this.config.loginLogoImg_width / 1920) * 100+"vw", "height":(this.config.loginLogoImg_height / 1920) * 100+"vw", } } }, mounted() { getMachineCode().then((res)=>{ this.machineCode=res.dataPack; }); }, methods: { //上传证书 handleUpload() { let me=this; me.authorizeLoading=true; if (this.fileList.length == 0) { this.$message.warning(me.$t('hivuiLogin_authorize_file_empty')); me.authorizeLoading=false; return; // 阻止文件上传 } let formData = new FormData(); formData.append("files", me.fileList[0].raw); uploadCard(formData).then((res) => { me.authorizeLoading=false; if(res.status==200&&res.dataPack&&res.dataPack.time){ me.authorizeUploadSuccess=true; me.msgObj=me.$message({ message: ((res.msg||me.$t('hivuiLogin_authorize_upload_success'))+"<br>"+$t('hivuiLogin_authorize_time')+":"+res.dataPack.time), type: 'success', duration:0, showClose:true, dangerouslyUseHTMLString: true }); /*setTimeout(()=>{ location=window.HIVUI_SETTING.loginUrl; },1*1000);*/ } }).catch((err)=>{ me.authorizeLoading=false; }); }, goLoginPage() { this.msgObj&&this.msgObj.close(); this.$router.push("/"); }, // 在上传文件前检查 beforeUpload(file) { }, // 文件上传改变事件 handleChange(file, fileList) { this.fileList = [file]; // 保证只有一个文件在 fileList 中,覆盖旧的文件 }, } }; </script> <style lang="scss" scoped> @function px2vw($px) { @return calc(#{$px} / 1920 * 100vw); } $headH: px2vw(130); $footH: px2vw(172); .authorize { height: 100%; overflow: hidden; .authorize_hd { height: $headH; display: flex; align-items: center; padding-top: px2vw(30); padding-left: px2vw(15); .authorize_logo { width: px2vw(206); height: px2vw(56); margin-right: px2vw(20); img { height: 100%; width: 100%; } } .authorize_text { font-size: px2vw(22); color: #333; position: relative; padding-left: px2vw(32); &:after { content: ""; display: block; height: px2vw(40); width: px2vw(1); background-color: #7ecef4; position: absolute; top: 0; left: px2vw(10); bottom: 0; margin: auto; } } } .authorize_main { height: calc(100% - #{$headH} - #{$footH}); position: relative; background: url("../assets/authorize/bg.png") no-repeat center center; background-size: cover; .authorize_box { position: absolute; top:0; bottom: 0; left: 0; right: 0; margin: auto; width: px2vw(500); height: px2vw(300); border-radius: px2vw(3); background-color: #fff; padding: 0 px2vw(40) px2vw(40); h3 { text-align: center; line-height: px2vw(100); font-size: px2vw(24); color: #333; font-weight: bold; } .authorize_field { margin-bottom: px2vw(22); line-height: px2vw(48); ::v-deep.el-input__inner { line-height: px2vw(48); height: px2vw(48); } ::v-deep.el-form-item__content{ line-height: px2vw(50); font-size: px2vw(14); } ::v-deep.el-form-item__error{ padding-top: px2vw(4); } .authorize_pwStrength { margin-top: px2vw(10); } &.authorize_row { ::v-deep.el-form-item__content { display: flex; align-items: center; } } } .authorize_capbtn { width: px2vw(200); height: px2vw(48); line-height: px2vw(48); padding: 0; } .authorize_btn_box{ display: flex; justify-content: center; .authorize_submit { height: px2vw(40); line-height: px2vw(40); padding-top: 0; margin: px2vw(0) auto; } } .authorize_mask{ position: absolute; z-index: 9999; height: 60px; width: 100%; left: 0; bottom: 40px; } .authorize_tips { position: absolute; bottom:px2vw(20); right:px2vw(20); padding-top: px2vw(20); span { color: #3486d2; cursor: pointer; } } .authorizeUpload{ display: flex; justify-content: center; ::v-deep.el-upload-list{ height:32px; overflow: hidden; display: flex; flex:1; .el-upload-list__item{ line-height:32px; margin-top:0; flex:0 0 100%; } } } } } .authorize_ft { height: $footH; line-height: $footH; background-color: #e8f1fa; text-align: center; font-size: px2vw(16); color: #999; border-top: px2vw(1) solid #ccc; border-bottom: px2vw(1) solid #ccc; ::v-deep a{ margin-left:5px; color:#0f406c; &:hover{ color:#409eff; } } } } </style>
<template> <div class="authorize"> <div class="authorize_hd"> <div class="authorize_logo" :style="authorize_logo_style"> <img :src="config.loginLogoImg"> </div> <div class="authorize_text">{{$t('hivuiLogin_authorize_title')}}</div> </div> <div class="authorize_main" :style="bgStyle"> <div class="authorize_box"> <h3>{{$t('hivuiLogin_authorize_box_title')}}</h3> <el-form ref="authorizeForm" label-width="64px"> <el-form-item class="authorize_field" prop="machineCode" :label="$t('hivuiLogin_authorize_machine_code')"> <el-input ref="machineCode" v-model="machineCode" type="text" :placeholder="$t('hivuiLogin_authorize_machine_code_placeholder')" readonly></el-input> </el-form-item> <el-upload class="authorizeUpload" :http-request="handleUpload" :before-upload="beforeUpload" :on-change="handleChange" :file-list="fileList" :limit="2" :auto-upload="true" :show-file-list="false" accept=".md"> <el-button size="small" :type="authorizeUploadSuccess?'success':'primary'" :loading="authorizeLoading">{{$t(authorizeUploadSuccess?'hivuiLogin_authorize_upload_success':'hivuiLogin_authorize_upload_btn')}}</el-button> </el-upload> <el-button class="authorize_submit" hidden :loading="authorizeLoading" type="primary" @click="handleUpload" >{{$t('hivuiLogin_authorize_submit')}}</el-button> </el-form> <div class="authorize_mask" v-show="authorizeUploadSuccess"></div> <div class="authorize_tips"> <span @click="goLoginPage">{{$t('hivuiLogin_authorize_tiptext2')}}<i class="el-icon-arrow-right"></i></span> </div> </div> </div> <div class="authorize_ft" v-html="config.copyright"></div> </div> </template> <script> import {getMachineCode,uploadCard} from "../api/user"; import _loginLogoImg from "../assets/Logo1.png" import _authorizeBgImg from "../assets/register/bg.png" export default { name: "authorize", data() { return { machineCode: "", fileList: [], // 用来保存文件列表 authorizeLoading: false, authorizeUploadSuccess: false, msgObj:null, config: { title: window.customSysCofig?.loginTitle||this.$t('hivuiLogin_main_def_title'), loginLogoImg: window.customSysCofig?.loginLogo||_loginLogoImg, loginLogoImg_height: window.customSysCofig?.loginLogo_h||56, loginLogoImg_width: window.customSysCofig?.loginLogo_w||206, authorizeBgImg: window.customSysCofig?.registerBgImg||_authorizeBgImg, copyright: window.customSysCofig?.copyright||this.$t('hivuiLogin_main_def_copyright'), }, }; }, model: { prop: "value", event: "valuechange" }, props: { value: { type: Object } }, computed: { bgStyle() { return { "background-image": "url(" + this.config.authorizeBgImg + ")", }; }, authorize_logo_style(){ return { "width":(this.config.loginLogoImg_width / 1920) * 100+"vw", "height":(this.config.loginLogoImg_height / 1920) * 100+"vw", } } }, mounted() { getMachineCode().then((res)=>{ this.machineCode=res.dataPack; }); }, methods: { //上传证书 handleUpload() { let me=this; me.authorizeLoading=true; if (this.fileList.length == 0) { this.$message.warning(me.$t('hivuiLogin_authorize_file_empty')); me.authorizeLoading=false; return; // 阻止文件上传 } let formData = new FormData(); formData.append("files", me.fileList[0].raw); uploadCard(formData).then((res) => { me.authorizeLoading=false; if(res.status==200&&res.dataPack&&res.dataPack.time){ me.authorizeUploadSuccess=true; me.msgObj=me.$message({ message: ((res.msg||me.$t('hivuiLogin_authorize_upload_success'))+"<br>"+$t('hivuiLogin_authorize_time')+":"+res.dataPack.time), type: 'success', duration:0, showClose:true, dangerouslyUseHTMLString: true }); /*setTimeout(()=>{ location=window.HIVUI_SETTING.loginUrl; },1*1000);*/ } }).catch((err)=>{ me.authorizeLoading=false; }); }, goLoginPage() { this.msgObj&&this.msgObj.close(); this.$router.push("/"); }, // 在上传文件前检查 beforeUpload(file) { }, // 文件上传改变事件 handleChange(file, fileList) { this.fileList = [file]; // 保证只有一个文件在 fileList 中,覆盖旧的文件 }, } }; </script> <style lang="scss" scoped> @function px2vw($px) { @return calc(#{$px} / 1920 * 100vw); } $headH: px2vw(130); $footH: px2vw(172); .authorize { height: 100%; overflow: hidden; .authorize_hd { height: $headH; display: flex; align-items: center; padding-top: px2vw(30); padding-left: px2vw(15); .authorize_logo { width: px2vw(206); height: px2vw(56); margin-right: px2vw(20); img { height: 100%; width: 100%; } } .authorize_text { font-size: px2vw(22); color: #333; position: relative; padding-left: px2vw(32); &:after { content: ""; display: block; height: px2vw(40); width: px2vw(1); background-color: #7ecef4; position: absolute; top: 0; left: px2vw(10); bottom: 0; margin: auto; } } } .authorize_main { height: calc(100% - #{$headH} - #{$footH}); position: relative; background: url("../assets/authorize/bg.png") no-repeat center center; background-size: cover; .authorize_box { position: absolute; top:0; bottom: 0; left: 0; right: 0; margin: auto; width: px2vw(500); height: px2vw(300); border-radius: px2vw(3); background-color: #fff; padding: 0 px2vw(40) px2vw(40); h3 { text-align: center; line-height: px2vw(100); font-size: px2vw(24); color: #333; font-weight: bold; } .authorize_field { margin-bottom: px2vw(22); line-height: px2vw(48); ::v-deep.el-input__inner { line-height: px2vw(48); height: px2vw(48); } ::v-deep.el-form-item__content{ line-height: px2vw(50); font-size: px2vw(14); } ::v-deep.el-form-item__error{ padding-top: px2vw(4); } .authorize_pwStrength { margin-top: px2vw(10); } &.authorize_row { ::v-deep.el-form-item__content { display: flex; align-items: center; } } } .authorize_capbtn { width: px2vw(200); height: px2vw(48); line-height: px2vw(48); padding: 0; } .authorize_submit { height: px2vw(48); line-height: px2vw(48); padding-top: 0; width: 100%; margin-top: px2vw(20); } .authorize_mask{ position: absolute; z-index: 9999; height: 60px; width: 100%; left: 0; bottom: 40px; } .authorize_tips { position: absolute; bottom:px2vw(20); right:px2vw(20); padding-top: px2vw(20); span { color: #3486d2; cursor: pointer; } } .authorizeUpload{ display: flex; justify-content: center; ::v-deep.el-upload-list{ height:32px; overflow: hidden; display: flex; flex:1; .el-upload-list__item{ line-height:32px; margin-top:0; flex:0 0 100%; } } } } } .authorize_ft { height: $footH; line-height: $footH; background-color: #e8f1fa; text-align: center; font-size: px2vw(16); color: #999; border-top: px2vw(1) solid #ccc; border-bottom: px2vw(1) solid #ccc; ::v-deep a{ margin-left:5px; color:#0f406c; &:hover{ color:#409eff; } } } } </style>
Show line notes below