@中文描述: add 整理语言包 @版本: @升级登记:1 @同步后端:0 @同步数据库:0 @同步配置:0 @向下兼容:1

08335 / hivui-platform-template

hivui平台项目模板

Browse code @中文描述: add 整理语言包 @版本: @升级登记:1 @同步后端:0 @同步数据库:0 @同步配置:0 @向下兼容:1 master
1 parent 123893f commit dee0e3d73ccf27aff21d6df0d0e10157cf8f56f4 caibinghong authored on 29 Mar 2023

Showing 80 changed files

Ignore Space Show notes View project/hivuiBirt/index.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>EAP5-Admin-Main</title> <% if(htmlWebpackPlugin.vite){%> <!--预览时公共库--> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <script src="/assets_platform/vue/vue.min.js"></script> <script src="/assets_platform/vuex/vuex.min.js"></script> <script src="/assets_platform/vue-router/vue-router.min.js"></script> <script src="/assets_platform/element-ui/index.js"></script> <script src="/assets_platform/eap/eap.umd.min.js"></script> <%}%> <% if(!htmlWebpackPlugin.vite){%> <link rel="stylesheet" href="${serverPath}/render/assets_platform/element-ui/index.css"> <script src="${serverPath}/render/assets_platform/vue/vue.min.js"></script> <script src="${serverPath}/render/assets_platform/vuex/vuex.min.js"></script> <script src="${serverPath}/render/assets_platform/vue-router/vue-router.min.js"></script> <script src="${serverPath}/render/assets_platform/element-ui/index.js"></script> <script src="${serverRender}/assets_platform/vue-i18n/vue-i18n.js"></script> <script src="${serverRender}/${devGroup}/${projectName}/lang/element-ui/${locale}.js"></script> <script src="${serverRender}/${devGroup}/${projectName}/lang/hi-ui/${locale}.js"></script> <script> // window.isGuest=${isGuest}; window.scpRequestData = ${requestParams}; </script> <script> try{ // 统一输出语言包 zh-CN 名 Vue.prototype._i18n = new VueI18n({ locale: 'localelang', messages: { 'localelang':Object.assign({},GLOBAL_LANG_TPL\|\|{},GLOBAL_LANG_HIUI\|\|{}), } }); (function(lang){ lang = lang.split('-'); lang= lang[0]+((lang[1]\|\|'').charAt(0).toUpperCase() + (lang[1]\|\|'').slice(1)); ELEMENT.locale(ELEMENT.lang[lang]) })('${locale}'); }catch(e){ console.log('语言包加载出错！') } </script> <!--发布时公共库--> <!-- <script src="${serverPath}/render/assets_platform/vendor_dll/vuelibs.dll.js"></script> --> <script src="${serverPath}/render/assets_platform/vendor_dll/vendor.dll.js"></script> <script src="${serverPath}/render/assets_platform/eap/eap.umd.min.js"></script> <%}%> </head> <body> <div id="app"> <!-- <div style="padding:50px 0;text-align:center;"> <div> <img id="main_loading_logo" src="" /> </div> <div>系统初始化中...<a href="javascript:location.reload();">【点我刷新】</a></div> </div> --> </div> <script> window.onload=()=>{ // let _img=window.customSysCofig&&window.customSysCofig.sysLoadLogo&&window.customSysCofig.sysLoadLogo.src; // document.getElementById("main_loading_logo").src=(_img\|\|(window._global?"./assets/logo_max.png":"./static/img/logo_max.png")); // if(window.customSysCofig?.syTitle){ // document.title=window.customSysCofig.syTitle; // } } </script> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="/<%=htmlWebpackPlugin.project%>/hivuiBirt/index.js"></script> <%}%> <!-- built files will be auto injected --> </body> </html> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>EAP5-Admin-Main</title> <% if(htmlWebpackPlugin.vite){%> <!--预览时公共库--> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <script src="/assets_platform/vue/vue.min.js"></script> <script src="/assets_platform/vuex/vuex.min.js"></script> <script src="/assets_platform/vue-router/vue-router.min.js"></script> <script src="/assets_platform/element-ui/index.js"></script> <script src="/assets_platform/eap/eap.umd.min.js"></script> <%}%> <script src="/assets_platform/vue-i18n/vue-i18n.js"></script> <!-- element 语言包 --> <script src="/assets_platform/element-ui/lang/zh-CN.js"></script> <!-- <script src="/hiui语言包/hiui-i18n/zh-CN.js"></script> --> <script src="/assets_platform/tpl_lang/hivuiBirt/zh-CN.js"></script> <script src="/assets_platform/tpl_lang/hivuiBirt/en.js"></script> <script> // 统一输出语言包 zh-CN 名 try{ Vue.prototype._i18n = new VueI18n({ locale: 'en', messages: { 'en': HiVuiTpl.lang.zhCN } }); ELEMENT.locale(ELEMENT.lang.zhCN) }catch(e){ console.log('lang--------',e) } </script> <% if(!htmlWebpackPlugin.vite){%> <link rel="stylesheet" href="${serverPath}/render/assets_platform/element-ui/index.css"> <script src="${serverPath}/render/assets_platform/vue/vue.min.js"></script> <script src="${serverPath}/render/assets_platform/vuex/vuex.min.js"></script> <script src="${serverPath}/render/assets_platform/vue-router/vue-router.min.js"></script> <script src="${serverPath}/render/assets_platform/element-ui/index.js"></script> <script> // window.isGuest=${isGuest}; window.scpRequestData = ${requestParams}; </script> <!--发布时公共库--> <!-- <script src="${serverPath}/render/assets_platform/vendor_dll/vuelibs.dll.js"></script> --> <script src="${serverPath}/render/assets_platform/vendor_dll/vendor.dll.js"></script> <script src="${serverPath}/render/assets_platform/eap/eap.umd.min.js"></script> <%}%> </head> <body> <div id="app"> <!-- <div style="padding:50px 0;text-align:center;"> <div> <img id="main_loading_logo" src="" /> </div> <div>系统初始化中...<a href="javascript:location.reload();">【点我刷新】</a></div> </div> --> </div> <script> window.onload=()=>{ // let _img=window.customSysCofig&&window.customSysCofig.sysLoadLogo&&window.customSysCofig.sysLoadLogo.src; // document.getElementById("main_loading_logo").src=(_img\|\|(window._global?"./assets/logo_max.png":"./static/img/logo_max.png")); // if(window.customSysCofig?.syTitle){ // document.title=window.customSysCofig.syTitle; // } } </script> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="/<%=htmlWebpackPlugin.project%>/hivuiBirt/index.js"></script> <%}%> <!-- built files will be auto injected --> </body> </html>

Ignore Space Show notes View

project/hivuiBirt/index.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <title>EAP5-Admin-Main</title>
  
  <% if(htmlWebpackPlugin.vite){%>
    
    <link rel="stylesheet" href="/assets_platform/element-ui/index.css">
    <script src="/assets_platform/vue/vue.min.js"></script>
    <script src="/assets_platform/vuex/vuex.min.js"></script>
    <script src="/assets_platform/vue-router/vue-router.min.js"></script>
    <script src="/assets_platform/element-ui/index.js"></script>
    <script src="/assets_platform/eap/eap.umd.min.js"></script>
    
    <%}%>

<% if(!htmlWebpackPlugin.vite){%>
      <link rel="stylesheet" href="${serverPath}/render/assets_platform/element-ui/index.css">
      <script src="${serverPath}/render/assets_platform/vue/vue.min.js"></script>
      <script src="${serverPath}/render/assets_platform/vuex/vuex.min.js"></script>
      <script src="${serverPath}/render/assets_platform/vue-router/vue-router.min.js"></script>
      <script src="${serverPath}/render/assets_platform/element-ui/index.js"></script>
      
      <script src="${serverRender}/assets_platform/vue-i18n/vue-i18n.js"></script>
      <script src="${serverRender}/${devGroup}/${projectName}/lang/element-ui/${locale}.js"></script>
      <script src="${serverRender}/${devGroup}/${projectName}/lang/hi-ui/${locale}.js"></script>

<body>
  <div id="app">  	
    
  </div>
 
  <script>
    window.onload=()=>{
      // let _img=window.customSysCofig&&window.customSysCofig.sysLoadLogo&&window.customSysCofig.sysLoadLogo.src;
      // document.getElementById("main_loading_logo").src=(_img||(window._global?"./assets/logo_max.png":"./static/img/logo_max.png"));
      // if(window.customSysCofig?.syTitle){
      //   document.title=window.customSysCofig.syTitle;
      // }
    }
  </script>
  
  <% if(htmlWebpackPlugin.vite==true){%>
    <script type="module" src="/<%=htmlWebpackPlugin.project%>/hivuiBirt/index.js"></script>
  <%}%>
  
</body>

</html>

<!DOCTYPE html>
<html>

<script src="/assets_platform/element-ui/lang/zh-CN.js"></script>
    
    <script src="/assets_platform/tpl_lang/hivuiBirt/zh-CN.js"></script>
    <script src="/assets_platform/tpl_lang/hivuiBirt/en.js"></script>
    <script>
        // 统一输出语言包 zh-CN 名
        try{
          Vue.prototype._i18n  = new VueI18n({
              locale: 'en',
              messages: {
                'en': HiVuiTpl.lang.zhCN
              }
          });
          ELEMENT.locale(ELEMENT.lang.zhCN)
        }catch(e){
          console.log('lang--------',e)
        }
    </script>

<% if(!htmlWebpackPlugin.vite){%>
      <link rel="stylesheet" href="${serverPath}/render/assets_platform/element-ui/index.css">
      <script src="${serverPath}/render/assets_platform/vue/vue.min.js"></script>
      <script src="${serverPath}/render/assets_platform/vuex/vuex.min.js"></script>
      <script src="${serverPath}/render/assets_platform/vue-router/vue-router.min.js"></script>
      <script src="${serverPath}/render/assets_platform/element-ui/index.js"></script>
      <script>
        // window.isGuest=${isGuest};
        window.scpRequestData = ${requestParams};
      </script>
      
      
      <script src="${serverPath}/render/assets_platform/vendor_dll/vendor.dll.js"></script>
      <script src="${serverPath}/render/assets_platform/eap/eap.umd.min.js"></script>
      <%}%>
</head>

</html>

Ignore Space Show notes View project/hivuiBirt/lang/en.js 0 → 100644
(function (global, factory) { if (typeof define === "function" && define.amd) { // define('element/locale/eu', ['module', 'exports'], factory); } else if (typeof exports !== "undefined") { factory(module, exports); } else { var mod = { exports: {} }; factory(mod, mod.exports); global.HiVuiTpl = global.HiVuiTpl \|\| {}; global.HiVuiTpl.lang = global.HiVuiTpl.lang \|\| {}; global.HiVuiTpl.lang.zhCN = mod.exports; } })(this, function (module, exports) { 'use strict'; exports.__esModule = true; exports.default = { "cmps_formToolBar_add": "add", "cmps_formToolBar_cancel": "cancel", "cmps_formToolBar_flowOut": "流转", "cmps_formToolBar_flowBack": "回退", "cmps_formToolBar_signOut": "加签", "cmps_formToolBar_turnOut": "转办", "cmps_formToolBar_terminate": "终止", "cmps_formToolBar_monitor": "流程监控", "cmps_formToolBar_approval": "流程审批", "cmps_formToolBar_print": "print", "cmps_formToolBar_prints": "prints", "cmps_formToolBar_export": "export", "cmps_formToolBar_import": "import", "cmps_formToolBar_remove": "remove", "cmps_formToolBar_save": "保存", "cmps_formToolBar_takenorder": "调单", "cmps_datetime_to": "至", "cmps_datetime_start": "开始日期", "cmps_datetime_end": "结束日期", "cmps_datetime_now": "本日", "cmps_datetime_yesterday": "昨日", "cmps_datetime_last7": "近7日", "cmps_datetime_last28": "近28日", "cmps_datetime_last84": "近84日", "cmps_datetime_halfYear": "近半年", "cmps_datetime_oneYear": "近1年", "cmps_datetime_overdue": "已过期", "cmps_datetime_threeMonth": "三个月内", "cmps_datetime_three2six_months": "三至六个月", "cmps_datetime_six2nine_months": "六至九个月", "cmps_datetime_nine_months": "九个月以上", "cmps_datetime_eighteen_months": "18个月上", "cmps_datetime_two_years": "二年以上", "cmps_datetime_three_years": "三年以上", "cmps_datetime_week": "本周", "cmps_datetime_month": "本月", "cmps_datetime_quarter": "本季度", "cmps_datetime_year": "本年度", "cmps_btn_query": "query", "cmps_table_query": "操作", "cmps_message_turnOut": "流转成功!", "cmps_message_turnBack": "回退成功!", "cmps_message_remove": "删除成功！", "cmps_message_save": "保存成功！", "cmps_message_sureCheck": "确定勾选吗?", "cmps_message_login": "登录成功", "cmps_message_nodeDel": "请选择要删除的节点", "cmps_message_notDir": "非目录节点不能新增子节点", "cmps_message_nodeEdit": "请选择要修改的节点", "cmps_message_flow_func": "只能选中流程或功能节点", "cmps_message_addData": "请添加数据", "cmps_message_isConfirm": "此操作将永久删除该数据, 是否继续?", "cmps_message_confirm": "确定", "cmps_message_cancel": "取消", "cmps_message_confirmCancel": "确定取消吗?", "cmps_templates_list": "list", "cmps_templates_detail": "detail", "cmps_templates_add": "add", "cmps_templates_adds": "adds", "platf_validate_FMBPHONE": "请输入正确的电话号码", "platf_validate_FEMAIL": "请输入正确的邮箱地址", "platf_validate_FIDCARD": "请输入正确的身份证号", "platf_validate_FUSERID": "请输入工号", "platf_AppversionFields_FGUID": "GUID", "platf_AppversionFields_FNAME": "名称", "platf_AppversionFields_FVERSION": "版本号", "platf_AppversionFields_FTYPE": "类型", "platf_AppversionFields_FDOWNLOADURL": "下载地址", "platf_AppversionFields_FUPFORCE": "是否强制升级", "platf_AppversionFields_FRECSTATUS": "是否开启", "platf_AppversionFields_FNOTE": "版本说明", "platf_CommoncodeFields_FGUID": "GUID", "platf_CommoncodeFields_FCODEID": "功能ID", "platf_CommoncodeFields_FFORMAT": "编码格式", "platf_CommoncodeFields_FCOUNT": "当前计数", "platf_CommoncodeFields_FCOUNTTYPE": "计数方式", "platf_CommoncodeFields_FCOUNTTYPENAME": "计数方式名称", "platf_CommoncodeFields_FINIT": "初始值", "platf_CommoncodeFields_FDESCRIPTION": "说明", "platf_ComponentVersionFields_FID": "ID", "platf_ComponentVersionFields_FNAME": "组件名称", "platf_ComponentVersionFields_FDESC": "组件描述", "platf_ComponentVersionFields_FVERSION": "版本", "platf_ComponentVersionFields_FBetaVERSION": "Beta版本", "platf_ComponentVersionFields_FSOURCETYPE": "源类型", "platf_ComponentVersionFields_FUSETYPE": "使用类型", "platf_ServerFields_FID": "ID", "platf_ServerFields_FDESC": "名称", "platf_ServerFields_FIP": "ip地址", "platf_ServerFields_FPORT": "端口号", "platf_ServerFields_FNOTE": "备注", "platf_ServerFields_FPASSWORD": "密码", "platf_ServerFields_FSERVERID": "服务器ID", "platf_ServerFields_FDEPLOYID": "部署ID", "platf_ServerFields_FPROJECTNAME": "项目名称", "platf_ServerFields_FDEVOWNER": "项目拥有者", "platf_ServerFields_FCREATETIME": "创建时间", "platf_EnumsFields_FENUMSGUID": "枚举GUID", "platf_EnumsFields_FSCHEME": "方案名称", "platf_EnumsFields_FGROUPID": "分组ID", "platf_EnumsFields_FGROUPNAME": "分组名称", "platf_EnumsFields_FOPTIONNAME": "项名称", "platf_EnumsFields_FOPTIONVALUE": "项显示值", "platf_EnumsFields_FOPTIONORDER": "排序", "platf_ExecutorFields_FENUMSGUID": "枚举GUID", "platf_ExecutorFields_FSCHEME": "方案名称", "platf_ExecutorFields_FGROUPID": "分组ID", "platf_ExecutorFields_FGROUPNAME": "分组名称", "platf_ExecutorFields_FOPTIONNAME": "项名称", "platf_ExecutorFields_FOPTIONVALUE": "项显示值", "platf_ExecutorFields_FOPTIONORDER": "排序", "platf_ExecutorDtlFields_FDTLGUID": "记录GUID", "platf_ExecutorDtlFields_FGUID": "父记录GUID", "platf_ExecutorDtlFields_FNODETYPE": "环节类型", "platf_ExecutorDtlFields_FNODETYPENAME": "环节类型名称", "platf_ExecutorDtlFields_FTASKNAME": "环节名称", "platf_ExecutorDtlFields_FTASKDISPLAYNAME": "环节中文名称", "platf_ExecutorDtlFields_FBZID": "执行者编制ID", "platf_ExecutorDtlFields_FBZNAME": "执行者编制名称", "platf_ExecutorDtlFields_FROLEID": "执行岗位ID", "platf_ExecutorDtlFields_FROLENAME": "执行岗位名称", "platf_ExecutorDtlFields_FP1": "参数1", "platf_ExecutorDtlFields_FP2": "参数2", "platf_ExecutorDtlFields_FP3": "参数3", "platf_FlowuxFields_FGUID": "GUID", "platf_FlowuxFields_FTITLE": "流程标题", "platf_FlowuxFields_FBIZPATHTPL": "模板流程业务路径", "platf_FlowuxFields_FBIZPATHUX": "自定义流程业务路径", "platf_FlowuxFields_FBIZPATHFUN": "功能路径", "platf_FlowuxFields_FNOTE": "备注", "platf_JobInfoFields_id": "id", "platf_JobInfoFields_jobGroup": "执行器主键id", "platf_JobInfoFields_jobDesc": "任务名称", "platf_JobInfoFields_addTime": "新建时间", "platf_JobInfoFields_updateTime": "更新时间", "platf_JobInfoFields_author": "作者", "platf_JobInfoFields_alarmEmail": "报警邮件", "platf_JobInfoFields_scheduleType": "调度类型", "platf_JobInfoFields_scheduleConf": "调度配置，值含义取决于调度类型", "platf_JobInfoFields_misfireStrategy": "调度过期策略", "platf_JobInfoFields_executorRouteStrategy": "执行器路由策略", "platf_JobInfoFields_executorHandler": "执行器任务handler", "platf_JobInfoFields_executorParam": "执行器任务参数", "platf_JobInfoFields_executorBlockStrategy": "阻塞处理策略", "platf_JobInfoFields_executorTimeout": "任务执行超时时间，单位秒", "platf_JobInfoFields_executorFailRetryCount": "失败重试次数", "platf_JobInfoFields_glueType": "GLUE类型", "platf_JobInfoFields_glueSource": "GLUE源代码", "platf_JobInfoFields_glueRemark": "GLUE备注", "platf_JobInfoFields_glueUpdatetime": "GLUE更新时间", "platf_JobInfoFields_childJobId": "子任务id，多个逗号分隔", "platf_JobInfoFields_triggerStatus": "调度状态", "platf_JobInfoFields_triggerLastTime": "上次调度时间", "platf_JobInfoFields_triggerNextTime": "下次调度时间", "platf_JobInfoFields_controlId": "控件id", "platf_JobLogFields_id": "id", "platf_JobLogFields_jobId": "任务ID", "platf_JobLogFields_jobGroup": "执行器主键ID", "platf_JobLogFields_executorAddress": "执行器地址，本次执行的地址", "platf_JobLogFields_executorHandler": "执行器任务handler", "platf_JobLogFields_executorParam": "执行器任务参数", "platf_JobLogFields_executorShardingParam": "执行器任务分片参数，格式如 1/2", "platf_JobLogFields_executorFailRetryCount": "失败重试次数", "platf_JobLogFields_triggerTime": "调度时间", "platf_JobLogFields_triggerCode": "调度结果", "platf_JobLogFields_triggerMsg": "调度日志", "platf_JobLogFields_handleTime": "执行时间", "platf_JobLogFields_handleCode": "执行结果", "platf_JobLogFields_handleMsg": "执行日志", "platf_JobLogFields_alarmStatus": "告警状态", "platf_LevelFields_FLEVELGUID": "职级ID", "platf_LevelFields_FLEVELPGUID": "职级父ID", "platf_LevelFields_FLEVELID": "职级号", "platf_LevelFields_FLEVELNAME": "职级名称", "platf_LevelFields_FLEVELNAMEJP": "职级简拼", "platf_LevelFields_FLEVELTREENO": "树编号", "platf_LevelFields_FLEVELIDPATH": "职级ID路径", "platf_LevelFields_FLEVELKIND": "节点类型", "platf_LevelFields_FLEVELKINDNAME": "节点类型名称", "platf_LevelFields_FSTATE": "是否禁用", "platf_LevelFields_FNOTE": "备注", "platf_LogLoginFields_FUSERID": "用户ID", "platf_LogLoginFields_FUSERNAME": "姓名", "platf_LogLoginFields_FSOFTNAME": "软件名称", "platf_LogLoginFields_FSOFTVER": "软件版本号", "platf_LogLoginFields_FPCNAME": "计算机名", "platf_LogLoginFields_FPCIP": "电脑IP", "platf_LogLoginFields_FPCMAC": "硬件信息", "platf_LogLoginFields_FSESSIONID": "会话sessionID", "platf_LogLoginFields_FLOGINTIME": "登录时间", "platf_LogLoginFields_FLOGOUTTIME": "登出时间", "platf_LogLoginFields_FDEVICETYPE": "设备类型", "SYS_FWRITETIME": "制单时间", "platf_LogLoginFields_FNOTE": "备注", "platf_LogReqFields_FGUID": "GUID", "platf_LogReqFields_FUSERID": "用户ID", "platf_LogReqFields_FUSERNAME": "姓名", "platf_LogReqFields_FBZID": "编制ID", "platf_LogReqFields_FBZNAME": "编制名称", "platf_LogReqFields_FTERMINAL": "终端类型", "platf_LogReqFields_FTERMINALNAME": "终端名称", "platf_LogReqFields_FIP": "用户IP", "platf_LogReqFields_FNAME": "功能名称", "platf_LogReqFields_FURL": "请求URL", "platf_LogReqFields_FPARAMS": "请求参数", "platf_LogReqFields_FSUCCESS": "是否成功", "platf_LogReqFields_FEXCEPTION": "异常信息", "platf_LogReqFields_FSTARTTIME": "开始时间", "platf_LogReqFields_FENDTIME": "结束时间", "platf_LogReqFields_FCOST": "耗费时间(毫秒)", "platf_MsgFields_FGUID": "GUID", "platf_MsgFields_FTITLE": "消息标题", "platf_MsgFields_FSTATE": "消息状态", "platf_MsgFields_FSTATENAME": "消息状态名称", "platf_MsgFields_FMSGTYPE": "消息类型", "platf_MsgFields_FCONTENT": "消息内容", "platf_MsgFields_FMSGLEVEL": "消息等级", "platf_MsgFields_FMSGLEVELNAME": "消息等级名称", "platf_MsgFields_FSAVETAG": "是否收藏", "platf_MsgSetFields_FGUID": "GUID", "platf_MsgSetFields_FUSERID": "订阅工号", "platf_MsgSetFields_FMSGTYPE": "消息类型", "platf_MsgSetFields_FMSGTYPENAME": "消息类型名称", "platf_MsgSetFields_FEMAIL": "邮箱订阅", "platf_MsgSetFields_FSHOTMSG": "短信订阅", "platf_MsgSetFields_FWECHAT": "微信订阅", "platf_MsgSetFields_FAPP": "APP订阅", "platf_MsgTplFields_FGUID": "GUID", "platf_MsgTplFields_FMSGID": "消息ID", "platf_MsgTplFields_FMSGTYPE": "消息类型", "platf_MsgTplFields_FMSGTYPENAME": "消息类型名称", "platf_MsgTplFields_FTITLE": "消息标题", "platf_MsgTplFields_FCONTENT": "消息内容", "platf_OrgFields_FGUID": "GUID", "platf_OrgFields_FORGPGUID": "机构父ID", "platf_OrgFields_FORGTREENO": "树编号", "platf_OrgFields_FORGID": "组织机构编码", "platf_OrgFields_FC1": "组织机构编码", "platf_OrgFields_FORGSNAME": "机构名称", "platf_OrgFields_FORGNAMEJP": "简拼", "platf_OrgFields_FORGKIND": "组织机构类型", "platf_OrgFields_FORGKINDNAME": "组织机构类型名称", "platf_OrgFields_FORGIDPATH": "组织机构路径", "platf_OrgFields_FORGDIMENSION": "组织机构维度", "platf_OrgFields_FORGDIMENSIONNAME": "组织机构维度", "platf_OrgFields_FLEVELID": "职级ID", "platf_OrgFields_FLEVELNAME": "职级名称", "platf_OrgFields_FORDER": "排序", "platf_OrgFields_FBZID": "编制号", "platf_OrgFields_FUSERID": "负责人", "platf_OrgFields_FUSERNAME": "负责人", "platf_OrgFields_FORGNAME": "组织机构名称", "platf_OrgFields_FBZNAME": "编制名称", "platf_OrgFields_FDEFAULTBZ": "是否默认编制", "platf_OrgFields_FSTATE": "是否禁用", "platf_OrgFields_FROLEID": "岗位ID", "platf_OrgFields_FROLEGUID": "岗位GUID", "platf_OrgFields_FROLENAME": "岗位名称", "platf_OrgFields_FSUPERUSERID": "直属上级", "platf_OrgFields_FSUPERUSERNAME": "直属上级姓名", "platf_OrgFields_FSUPERBZID": "直属上级编制", "platf_OrgFields_FSUPERBZNAME": "直属上级编制名称", "platf_OrgFields_FNOTE": "备注", "platf_ResourceFields_FRESGUID": "菜单GUID", "platf_ResourceFields_FRESPGUID": "菜单父GUID", "platf_ResourceFields_FRESTREENO": "树编号", "platf_ResourceFields_FPROJECTID": "当前项目ID", "platf_ResourceFields_FRESURL": "资源(功能)路径", "platf_ResourceFields_FC1": "业务路径", "platf_ResourceFields_FC2": "打开方式", "platf_ResourceFields_FRESNAME": "菜单名称", "platf_ResourceFields_FRESNAMEJP": "简拼", "platf_ResourceFields_FRESTYPE": "资源类型", "platf_ResourceFields_FRESTYPENAME": "资源类型名称", "platf_ResourceFields_FORDER": "排序", "platf_ResourceFields_FICONCLASS": "PC图标", "platf_ResourceFields_FAPPICONCLASS": "手机图标", "platf_ResourceFields_FICONCOLOR": "图标颜色", "platf_ResourceFields_FSHOW": "菜单显示类型", "platf_ResourceFields_FISACTIVE": "是否启动打开", "platf_ResourceFields_FISOFFLINE": "是否支持离线", "platf_ResourceFields_FSTATE": "是否禁用", "platf_ResourceFields_FPOSITION": "方位", "platf_ResourceFields_FPOSITIONNAME": "方位名称", "platf_ResourceFields_FSHOWLABEL": "菜单显示名称", "platf_ResourceFields_FOPENLABEL": "菜单打开名称", "platf_ResourceFields_FNOTE": "备注", "platf_RoleFields_FROLEGUID": "岗位ID", "platf_RoleFields_FROLEPGUID": "岗位父ID", "platf_RoleFields_FC1": "组织机构编码", "platf_RoleFields_FROLEID": "岗位号", "platf_RoleFields_FROLENAME": "岗位名称", "platf_RoleFields_FSUPERGUID": "指定继承岗位guid", "platf_RoleFields_FSUPERNAME": "指定继承岗位名称", "platf_RoleFields_FRESTYPENAME": "资源类型名称", "platf_RoleFields_FORDER": "排序", "platf_RoleFields_FICONCLASS": "PC图标", "platf_RoleFields_FAPPICONCLASS": "手机图标", "platf_RoleFields_FICONCOLOR": "图标颜色", "platf_RoleFields_FSHOW": "菜单显示类型", "platf_RoleFields_FISACTIVE": "是否启动打开", "platf_RoleFields_FISOFFLINE": "是否支持离线", "platf_RoleFields_FSTATE": "是否禁用", "platf_RoleFields_FPOSITION": "方位", "platf_RoleFields_FPOSITIONNAME": "方位名称", "platf_RoleFields_FSHOWLABEL": "菜单显示名称", "platf_RoleFields_FOPENLABEL": "菜单打开名称", "platf_RoleFields_FNOTE": "备注", "platf_RoleMappingFields_FGUID": "GUID", "platf_RoleMappingFields_FSROLEID": "EAP岗位号", "platf_RoleMappingFields_FSROLENAME": "EAP岗位名称", "platf_RoleMappingFields_FTORGID": "机构ID", "platf_RoleMappingFields_FTORGNAME": "机构名称", "platf_RoleMappingFields_FTROLEID": "岗位号", "platf_RoleMappingFields_FTROLENAME": "岗位名称", "platf_RoleMappingFields_FSTATE": "是否禁用", "platf_RoleMappingFields_FROLEIDPATH": "岗位ID路径", "platf_RoleMappingFields_FNOTE": "备注", "platf_SchemeFields_FGUID": "方案ID", "platf_SchemeFields_FSCHEMENAME": "方案名称", "platf_SchemeFields_FSCHEMETYPE": "方案类型", "platf_SchemeFields_FSCHEMETYPENAME": "机构ID", "platf_SchemeFields_FCONTENT": "方案类型名称", "platf_SchemeFields_FFUNCURL": "统计功能URL", "platf_SchemeFields_FAFFAIRNAME": "事务名称", "platf_SchemeFields_FUSERID": "人员权限", "platf_SchemeFields_FROLEID": "岗位权限", "platf_SchemeFields_FDEPTID": "部门权限", "platf_SysFields_SYS_FAUDITPOINT": "审批状态", "platf_SysFields_SYS_FAUDITTASK": "单据状态", "platf_SysFields_SYS_FAUDITRECORD": "审批记录", "platf_SysFields_SYS_FAUDITTIME": "审核时间", "platf_SysFields_SYS_FOPERATOR": "制单人", "platf_SysFields_SYS_FOPERATORBZ": "制单岗位号", "platf_SysFields_SYS_FOPERATORNAME": "制单人", "platf_SysFields_SYS_FAGENT": "代理人", "platf_SysFields_SYS_FAGENTBZ": "代理岗位号", "platf_SysFields_SYS_FAGENTNAME": "代理人", "platf_SysFields_SYS_FORGID": "机构ID", "platf_SysFields_SYS_FORGNAME": "机构名称", "platf_SysFields_SYS_FWRITETIME": "制单时间", "platf_SysFields_SYS_FEDITOR": "修改人", "platf_SysFields_SYS_FEDITTIME": "修改时间", "platf_SysFields_SYS_FMODIFY": "修改记录标识", "platf_UpgradeFields_FID": "GUID", "platf_UpgradeFields_FTYPE": "升级类型", "platf_UpgradeFields_FTYPENAME": "升级类型", "platf_UpgradeFields_FOWNER": "拥有者", "platf_UpgradeFields_FPN": "项目名", "platf_UpgradeFields_FPW": "制单岗位号", "platf_UpgradeFields_FFILE": "文件", "platf_UpgradeFields_FVERSION": "版本", "platf_UpgradeFields_FOPERATOR": "操作者", "platf_UpgradeFields_FTIME": "操作时间", "platf_UserFields_FUSERID": "工号", "platf_UserFields_FUSERNAMEID": "姓名", "platf_UserFields_FMBPHONE": "手机号码", "platf_UserFields_FEMAIL": "邮箱", "platf_UserFields_FQQ": "QQ", "platf_UserFields_FWEIXIN": "微信帐号", "platf_UserFields_FPASSWORD": "密码", "platf_UserFields_FSECONDPWD": "二重密码", "platf_UserFields_FTHIRDPWD": "三重密码", "platf_UserFields_FSTATE": "是否禁用", "platf_UserDetailFields_FBZID": "编制ID", "platf_UserDetailFields_FBZNAME": "编制名称", "platf_UserDetailFields_FUSERID": "工号", "platf_UserDetailFields_FUSERNAME": "姓名", "platf_UserDetailFields_FORGNAME": "所属公司", "platf_UserDetailFields_FROLENAME": "岗位名称", "platf_UserInfoFields_FUSERID": "userid", "platf_UserInfoFields_FUSERID2": "userid2", "platf_UserInfoFields_FNUMBER": "number", "platf_UserInfoFields_FBZID": "bz", "platf_UserInfoFields_FUSERNAME": "username", "platf_UserInfoFields_FUSERNAMEJP": "username jp", "platf_UserInfoFields_FCITYLIST": "city", "platf_UserInfoFields_FUSERPROVINCE": "province", "platf_UserInfoFields_FUSERCITY": "city", "platf_UserInfoFields_FUSERSTYLE": "user style", "platf_UserInfoFields_FUSERMAINMBURL": "user main mb url", "platf_UserInfoFields_FUSERMAINPCURL": "user main pc url", "platf_UserInfoFields_FUSERTYPE": "type", "platf_UserInfoFields_FUSERTYPENAME": "type name", "platf_UserInfoFields_FUSERSFZ": "身份证号", "platf_UserInfoFields_FUSERSFZPIC1": "身份证正面照", "platf_UserInfoFields_FUSERSFZPIC2": "身份证反面照", "platf_UserInfoFields_FBIRTHDAY": "birtyday", "platf_UserInfoFields_FSTATE": "是否禁用", "platf_UserInfoFields_FSEX": "性别", "platf_UserInfoFields_FADDRESS": "地址", "platf_UserInfoFields_FMBPHONE": "手机号码", "platf_UserInfoFields_FPHONE": "电话", "platf_UserInfoFields_FEMAIL": "邮箱", "platf_UserInfoFields_FQQ": "QQ号码", "platf_UserInfoFields_FWEIXIN": "微信号码", "platf_UserInfoFields_FUSERPHOTO": "用户头像", "platf_UserInfoFields_FUSERSIGN": "电子签名", "platf_UserInfoFields_FUSERSIGN2": "电子签名2", "platf_UserInfoFields_FUSERSIGN3": "电子签名3", "platf_UserInfoFields_FREGIP": "注册地址", "platf_UserInfoFields_FNOTE": "备注", "platf_UserInfoFields_FFAX": "传真", "platf_UserInfoFields_FUSERORGPATH": "用户机构路径", "platf_UseroperateFields_FGUID": "GUID", "platf_UseroperateFields_FUSERID": "工号", "platf_UseroperateFields_FKEY": "KEY", "platf_UseroperateFields_FVALUE": "值", "platf_UseroperateFields_FWRITETIME": "写入时间", "platf_UseroperateFields_FNAME": "描述", "platf_UseroperateFields_FTYPE": "类型" }; module.exports = exports['default']; });

Ignore Space Show notes View

project/hivuiBirt/lang/en.js 0 → 100644

global.HiVuiTpl = global.HiVuiTpl || {};
    global.HiVuiTpl.lang = global.HiVuiTpl.lang || {};
    global.HiVuiTpl.lang.zhCN = mod.exports;
  }
})(this, function (module, exports) {
  'use strict';

exports.__esModule = true;
  exports.default = {
    "cmps_formToolBar_add": "add",
    "cmps_formToolBar_cancel": "cancel",
    "cmps_formToolBar_flowOut": "流转",
    "cmps_formToolBar_flowBack": "回退",
    "cmps_formToolBar_signOut": "加签",
    "cmps_formToolBar_turnOut": "转办",
    "cmps_formToolBar_terminate": "终止",
    "cmps_formToolBar_monitor": "流程监控",
    "cmps_formToolBar_approval": "流程审批",
    "cmps_formToolBar_print": "print",
    "cmps_formToolBar_prints": "prints",
    "cmps_formToolBar_export": "export",
    "cmps_formToolBar_import": "import",
    "cmps_formToolBar_remove": "remove",
    "cmps_formToolBar_save": "保存",
    "cmps_formToolBar_takenorder": "调单",

"cmps_datetime_to": "至",
    "cmps_datetime_start": "开始日期",
    "cmps_datetime_end": "结束日期",
    "cmps_datetime_now": "本日",
    "cmps_datetime_yesterday": "昨日",
    "cmps_datetime_last7": "近7日",
    "cmps_datetime_last28": "近28日",
    "cmps_datetime_last84": "近84日",
    "cmps_datetime_halfYear": "近半年",
    "cmps_datetime_oneYear": "近1年",
    "cmps_datetime_overdue": "已过期",
    "cmps_datetime_threeMonth": "三个月内",
    "cmps_datetime_three2six_months": "三至六个月",
    "cmps_datetime_six2nine_months": "六至九个月",
    "cmps_datetime_nine_months": "九个月以上",
    "cmps_datetime_eighteen_months": "18个月上",
    "cmps_datetime_two_years": "二年以上",
    "cmps_datetime_three_years": "三年以上",
    "cmps_datetime_week": "本周",
    "cmps_datetime_month": "本月",
    "cmps_datetime_quarter": "本季度",
    "cmps_datetime_year": "本年度",

"cmps_btn_query": "query",

"cmps_table_query": "操作",

"cmps_templates_list": "list",
    "cmps_templates_detail": "detail",
    "cmps_templates_add": "add",
    "cmps_templates_adds": "adds",

"platf_validate_FMBPHONE": "请输入正确的电话号码",
    "platf_validate_FEMAIL": "请输入正确的邮箱地址",
    "platf_validate_FIDCARD": "请输入正确的身份证号",
    "platf_validate_FUSERID": "请输入工号",

"platf_AppversionFields_FGUID": "GUID",
    "platf_AppversionFields_FNAME": "名称",
    "platf_AppversionFields_FVERSION": "版本号",
    "platf_AppversionFields_FTYPE": "类型",
    "platf_AppversionFields_FDOWNLOADURL": "下载地址",
    "platf_AppversionFields_FUPFORCE": "是否强制升级",
    "platf_AppversionFields_FRECSTATUS": "是否开启",
    "platf_AppversionFields_FNOTE": "版本说明",

"platf_CommoncodeFields_FGUID": "GUID",
    "platf_CommoncodeFields_FCODEID": "功能ID",
    "platf_CommoncodeFields_FFORMAT": "编码格式",
    "platf_CommoncodeFields_FCOUNT": "当前计数",
    "platf_CommoncodeFields_FCOUNTTYPE": "计数方式",
    "platf_CommoncodeFields_FCOUNTTYPENAME": "计数方式名称",
    "platf_CommoncodeFields_FINIT": "初始值",
    "platf_CommoncodeFields_FDESCRIPTION": "说明",

"platf_ComponentVersionFields_FID": "ID",
    "platf_ComponentVersionFields_FNAME": "组件名称",
    "platf_ComponentVersionFields_FDESC": "组件描述",
    "platf_ComponentVersionFields_FVERSION": "版本",
    "platf_ComponentVersionFields_FBetaVERSION": "Beta版本",
    "platf_ComponentVersionFields_FSOURCETYPE": "源类型",
    "platf_ComponentVersionFields_FUSETYPE": "使用类型",

"platf_ServerFields_FID": "ID",
    "platf_ServerFields_FDESC": "名称",
    "platf_ServerFields_FIP": "ip地址",
    "platf_ServerFields_FPORT": "端口号",
    "platf_ServerFields_FNOTE": "备注",
    "platf_ServerFields_FPASSWORD": "密码",
    "platf_ServerFields_FSERVERID": "服务器ID",
    "platf_ServerFields_FDEPLOYID": "部署ID",
    "platf_ServerFields_FPROJECTNAME": "项目名称",
    "platf_ServerFields_FDEVOWNER": "项目拥有者",
    "platf_ServerFields_FCREATETIME": "创建时间",

"platf_EnumsFields_FENUMSGUID": "枚举GUID",
    "platf_EnumsFields_FSCHEME": "方案名称",
    "platf_EnumsFields_FGROUPID": "分组ID",
    "platf_EnumsFields_FGROUPNAME": "分组名称",
    "platf_EnumsFields_FOPTIONNAME": "项名称",
    "platf_EnumsFields_FOPTIONVALUE": "项显示值",
    "platf_EnumsFields_FOPTIONORDER": "排序",

"platf_ExecutorFields_FENUMSGUID": "枚举GUID",
    "platf_ExecutorFields_FSCHEME": "方案名称",
    "platf_ExecutorFields_FGROUPID": "分组ID",
    "platf_ExecutorFields_FGROUPNAME": "分组名称",
    "platf_ExecutorFields_FOPTIONNAME": "项名称",
    "platf_ExecutorFields_FOPTIONVALUE": "项显示值",
    "platf_ExecutorFields_FOPTIONORDER": "排序",

"platf_ExecutorDtlFields_FDTLGUID": "记录GUID",
    "platf_ExecutorDtlFields_FGUID": "父记录GUID",
    "platf_ExecutorDtlFields_FNODETYPE": "环节类型",
    "platf_ExecutorDtlFields_FNODETYPENAME": "环节类型名称",
    "platf_ExecutorDtlFields_FTASKNAME": "环节名称",
    "platf_ExecutorDtlFields_FTASKDISPLAYNAME": "环节中文名称",
    "platf_ExecutorDtlFields_FBZID": "执行者编制ID",
    "platf_ExecutorDtlFields_FBZNAME": "执行者编制名称",
    "platf_ExecutorDtlFields_FROLEID": "执行岗位ID",
    "platf_ExecutorDtlFields_FROLENAME": "执行岗位名称",
    "platf_ExecutorDtlFields_FP1": "参数1",
    "platf_ExecutorDtlFields_FP2": "参数2",
    "platf_ExecutorDtlFields_FP3": "参数3",

"platf_FlowuxFields_FGUID": "GUID",
    "platf_FlowuxFields_FTITLE": "流程标题",
    "platf_FlowuxFields_FBIZPATHTPL": "模板流程业务路径",
    "platf_FlowuxFields_FBIZPATHUX": "自定义流程业务路径",
    "platf_FlowuxFields_FBIZPATHFUN": "功能路径",
    "platf_FlowuxFields_FNOTE": "备注",

"platf_JobInfoFields_id": "id",
    "platf_JobInfoFields_jobGroup": "执行器主键id",
    "platf_JobInfoFields_jobDesc": "任务名称",
    "platf_JobInfoFields_addTime": "新建时间",
    "platf_JobInfoFields_updateTime": "更新时间",
    "platf_JobInfoFields_author": "作者",
    "platf_JobInfoFields_alarmEmail": "报警邮件",
    "platf_JobInfoFields_scheduleType": "调度类型",
    "platf_JobInfoFields_scheduleConf": "调度配置，值含义取决于调度类型",
    "platf_JobInfoFields_misfireStrategy": "调度过期策略",
    "platf_JobInfoFields_executorRouteStrategy": "执行器路由策略",
    "platf_JobInfoFields_executorHandler": "执行器任务handler",
    "platf_JobInfoFields_executorParam": "执行器任务参数",
    "platf_JobInfoFields_executorBlockStrategy": "阻塞处理策略",
    "platf_JobInfoFields_executorTimeout": "任务执行超时时间，单位秒",
    "platf_JobInfoFields_executorFailRetryCount": "失败重试次数",
    "platf_JobInfoFields_glueType": "GLUE类型",
    "platf_JobInfoFields_glueSource": "GLUE源代码",
    "platf_JobInfoFields_glueRemark": "GLUE备注",
    "platf_JobInfoFields_glueUpdatetime": "GLUE更新时间",
    "platf_JobInfoFields_childJobId": "子任务id，多个逗号分隔",
    "platf_JobInfoFields_triggerStatus": "调度状态",
    "platf_JobInfoFields_triggerLastTime": "上次调度时间",
    "platf_JobInfoFields_triggerNextTime": "下次调度时间",
    "platf_JobInfoFields_controlId": "控件id",

"platf_JobLogFields_id": "id",
    "platf_JobLogFields_jobId": "任务ID",
    "platf_JobLogFields_jobGroup": "执行器主键ID",
    "platf_JobLogFields_executorAddress": "执行器地址，本次执行的地址",
    "platf_JobLogFields_executorHandler": "执行器任务handler",
    "platf_JobLogFields_executorParam": "执行器任务参数",
    "platf_JobLogFields_executorShardingParam": "执行器任务分片参数，格式如 1/2",
    "platf_JobLogFields_executorFailRetryCount": "失败重试次数",
    "platf_JobLogFields_triggerTime": "调度时间",
    "platf_JobLogFields_triggerCode": "调度结果",
    "platf_JobLogFields_triggerMsg": "调度日志",
    "platf_JobLogFields_handleTime": "执行时间",
    "platf_JobLogFields_handleCode": "执行结果",
    "platf_JobLogFields_handleMsg": "执行日志",
    "platf_JobLogFields_alarmStatus": "告警状态",

"platf_LevelFields_FLEVELGUID": "职级ID",
    "platf_LevelFields_FLEVELPGUID": "职级父ID",
    "platf_LevelFields_FLEVELID": "职级号",
    "platf_LevelFields_FLEVELNAME": "职级名称",
    "platf_LevelFields_FLEVELNAMEJP": "职级简拼",
    "platf_LevelFields_FLEVELTREENO": "树编号",
    "platf_LevelFields_FLEVELIDPATH": "职级ID路径",
    "platf_LevelFields_FLEVELKIND": "节点类型",
    "platf_LevelFields_FLEVELKINDNAME": "节点类型名称",
    "platf_LevelFields_FSTATE": "是否禁用",
    "platf_LevelFields_FNOTE": "备注",

"platf_LogLoginFields_FUSERID": "用户ID",
    "platf_LogLoginFields_FUSERNAME": "姓名",
    "platf_LogLoginFields_FSOFTNAME": "软件名称",
    "platf_LogLoginFields_FSOFTVER": "软件版本号",
    "platf_LogLoginFields_FPCNAME": "计算机名",
    "platf_LogLoginFields_FPCIP": "电脑IP",
    "platf_LogLoginFields_FPCMAC": "硬件信息",
    "platf_LogLoginFields_FSESSIONID": "会话sessionID",
    "platf_LogLoginFields_FLOGINTIME": "登录时间",
    "platf_LogLoginFields_FLOGOUTTIME": "登出时间",
    "platf_LogLoginFields_FDEVICETYPE": "设备类型",
    "SYS_FWRITETIME": "制单时间",
    "platf_LogLoginFields_FNOTE": "备注",

"platf_LogReqFields_FGUID": "GUID",
    "platf_LogReqFields_FUSERID": "用户ID",
    "platf_LogReqFields_FUSERNAME": "姓名",
    "platf_LogReqFields_FBZID": "编制ID",
    "platf_LogReqFields_FBZNAME": "编制名称",
    "platf_LogReqFields_FTERMINAL": "终端类型",
    "platf_LogReqFields_FTERMINALNAME": "终端名称",
    "platf_LogReqFields_FIP": "用户IP",
    "platf_LogReqFields_FNAME": "功能名称",
    "platf_LogReqFields_FURL": "请求URL",
    "platf_LogReqFields_FPARAMS": "请求参数",
    "platf_LogReqFields_FSUCCESS": "是否成功",
    "platf_LogReqFields_FEXCEPTION": "异常信息",
    "platf_LogReqFields_FSTARTTIME": "开始时间",
    "platf_LogReqFields_FENDTIME": "结束时间",
    "platf_LogReqFields_FCOST": "耗费时间(毫秒)",

"platf_MsgFields_FGUID": "GUID",
    "platf_MsgFields_FTITLE": "消息标题",
    "platf_MsgFields_FSTATE": "消息状态",
    "platf_MsgFields_FSTATENAME": "消息状态名称",
    "platf_MsgFields_FMSGTYPE": "消息类型",
    "platf_MsgFields_FCONTENT": "消息内容",
    "platf_MsgFields_FMSGLEVEL": "消息等级",
    "platf_MsgFields_FMSGLEVELNAME": "消息等级名称",
    "platf_MsgFields_FSAVETAG": "是否收藏",

"platf_MsgSetFields_FGUID": "GUID",
    "platf_MsgSetFields_FUSERID": "订阅工号",
    "platf_MsgSetFields_FMSGTYPE": "消息类型",
    "platf_MsgSetFields_FMSGTYPENAME": "消息类型名称",
    "platf_MsgSetFields_FEMAIL": "邮箱订阅",
    "platf_MsgSetFields_FSHOTMSG": "短信订阅",
    "platf_MsgSetFields_FWECHAT": "微信订阅",
    "platf_MsgSetFields_FAPP": "APP订阅",

"platf_MsgTplFields_FGUID": "GUID",
    "platf_MsgTplFields_FMSGID": "消息ID",
    "platf_MsgTplFields_FMSGTYPE": "消息类型",
    "platf_MsgTplFields_FMSGTYPENAME": "消息类型名称",
    "platf_MsgTplFields_FTITLE": "消息标题",
    "platf_MsgTplFields_FCONTENT": "消息内容",

"platf_OrgFields_FGUID": "GUID",
    "platf_OrgFields_FORGPGUID": "机构父ID",
    "platf_OrgFields_FORGTREENO": "树编号",
    "platf_OrgFields_FORGID": "组织机构编码",
    "platf_OrgFields_FC1": "组织机构编码",
    "platf_OrgFields_FORGSNAME": "机构名称",
    "platf_OrgFields_FORGNAMEJP": "简拼",
    "platf_OrgFields_FORGKIND": "组织机构类型",
    "platf_OrgFields_FORGKINDNAME": "组织机构类型名称",
    "platf_OrgFields_FORGIDPATH": "组织机构路径",
    "platf_OrgFields_FORGDIMENSION": "组织机构维度",
    "platf_OrgFields_FORGDIMENSIONNAME": "组织机构维度",
    "platf_OrgFields_FLEVELID": "职级ID",
    "platf_OrgFields_FLEVELNAME": "职级名称",
    "platf_OrgFields_FORDER": "排序",
    "platf_OrgFields_FBZID": "编制号",
    "platf_OrgFields_FUSERID": "负责人",
    "platf_OrgFields_FUSERNAME": "负责人",
    "platf_OrgFields_FORGNAME": "组织机构名称",
    "platf_OrgFields_FBZNAME": "编制名称",
    "platf_OrgFields_FDEFAULTBZ": "是否默认编制",
    "platf_OrgFields_FSTATE": "是否禁用",
    "platf_OrgFields_FROLEID": "岗位ID",
    "platf_OrgFields_FROLEGUID": "岗位GUID",
    "platf_OrgFields_FROLENAME": "岗位名称",
    "platf_OrgFields_FSUPERUSERID": "直属上级",
    "platf_OrgFields_FSUPERUSERNAME": "直属上级姓名",
    "platf_OrgFields_FSUPERBZID": "直属上级编制",
    "platf_OrgFields_FSUPERBZNAME": "直属上级编制名称",
    "platf_OrgFields_FNOTE": "备注",

"platf_ResourceFields_FRESGUID": "菜单GUID",
    "platf_ResourceFields_FRESPGUID": "菜单父GUID",
    "platf_ResourceFields_FRESTREENO": "树编号",
    "platf_ResourceFields_FPROJECTID": "当前项目ID",
    "platf_ResourceFields_FRESURL": "资源(功能)路径",
    "platf_ResourceFields_FC1": "业务路径",
    "platf_ResourceFields_FC2": "打开方式",
    "platf_ResourceFields_FRESNAME": "菜单名称",
    "platf_ResourceFields_FRESNAMEJP": "简拼",
    "platf_ResourceFields_FRESTYPE": "资源类型",
    "platf_ResourceFields_FRESTYPENAME": "资源类型名称",
    "platf_ResourceFields_FORDER": "排序",
    "platf_ResourceFields_FICONCLASS": "PC图标",
    "platf_ResourceFields_FAPPICONCLASS": "手机图标",
    "platf_ResourceFields_FICONCOLOR": "图标颜色",
    "platf_ResourceFields_FSHOW": "菜单显示类型",
    "platf_ResourceFields_FISACTIVE": "是否启动打开",
    "platf_ResourceFields_FISOFFLINE": "是否支持离线",
    "platf_ResourceFields_FSTATE": "是否禁用",
    "platf_ResourceFields_FPOSITION": "方位",
    "platf_ResourceFields_FPOSITIONNAME": "方位名称",
    "platf_ResourceFields_FSHOWLABEL": "菜单显示名称",
    "platf_ResourceFields_FOPENLABEL": "菜单打开名称",
    "platf_ResourceFields_FNOTE": "备注",

"platf_RoleFields_FROLEGUID": "岗位ID",
    "platf_RoleFields_FROLEPGUID": "岗位父ID",
    "platf_RoleFields_FC1": "组织机构编码",
    "platf_RoleFields_FROLEID": "岗位号",
    "platf_RoleFields_FROLENAME": "岗位名称",
    "platf_RoleFields_FSUPERGUID": "指定继承岗位guid",
    "platf_RoleFields_FSUPERNAME": "指定继承岗位名称",
    "platf_RoleFields_FRESTYPENAME": "资源类型名称",
    "platf_RoleFields_FORDER": "排序",
    "platf_RoleFields_FICONCLASS": "PC图标",
    "platf_RoleFields_FAPPICONCLASS": "手机图标",
    "platf_RoleFields_FICONCOLOR": "图标颜色",
    "platf_RoleFields_FSHOW": "菜单显示类型",
    "platf_RoleFields_FISACTIVE": "是否启动打开",
    "platf_RoleFields_FISOFFLINE": "是否支持离线",
    "platf_RoleFields_FSTATE": "是否禁用",
    "platf_RoleFields_FPOSITION": "方位",
    "platf_RoleFields_FPOSITIONNAME": "方位名称",
    "platf_RoleFields_FSHOWLABEL": "菜单显示名称",
    "platf_RoleFields_FOPENLABEL": "菜单打开名称",
    "platf_RoleFields_FNOTE": "备注",

"platf_RoleMappingFields_FGUID": "GUID",
    "platf_RoleMappingFields_FSROLEID": "EAP岗位号",
    "platf_RoleMappingFields_FSROLENAME": "EAP岗位名称",
    "platf_RoleMappingFields_FTORGID": "机构ID",
    "platf_RoleMappingFields_FTORGNAME": "机构名称",
    "platf_RoleMappingFields_FTROLEID": "岗位号",
    "platf_RoleMappingFields_FTROLENAME": "岗位名称",
    "platf_RoleMappingFields_FSTATE": "是否禁用",
    "platf_RoleMappingFields_FROLEIDPATH": "岗位ID路径",
    "platf_RoleMappingFields_FNOTE": "备注",

"platf_SchemeFields_FGUID": "方案ID",
    "platf_SchemeFields_FSCHEMENAME": "方案名称",
    "platf_SchemeFields_FSCHEMETYPE": "方案类型",
    "platf_SchemeFields_FSCHEMETYPENAME": "机构ID",
    "platf_SchemeFields_FCONTENT": "方案类型名称",
    "platf_SchemeFields_FFUNCURL": "统计功能URL",
    "platf_SchemeFields_FAFFAIRNAME": "事务名称",
    "platf_SchemeFields_FUSERID": "人员权限",
    "platf_SchemeFields_FROLEID": "岗位权限",
    "platf_SchemeFields_FDEPTID": "部门权限",

"platf_SysFields_SYS_FAUDITPOINT": "审批状态",
    "platf_SysFields_SYS_FAUDITTASK": "单据状态",
    "platf_SysFields_SYS_FAUDITRECORD": "审批记录",
    "platf_SysFields_SYS_FAUDITTIME": "审核时间",
    "platf_SysFields_SYS_FOPERATOR": "制单人",
    "platf_SysFields_SYS_FOPERATORBZ": "制单岗位号",
    "platf_SysFields_SYS_FOPERATORNAME": "制单人",
    "platf_SysFields_SYS_FAGENT": "代理人",
    "platf_SysFields_SYS_FAGENTBZ": "代理岗位号",
    "platf_SysFields_SYS_FAGENTNAME": "代理人",
    "platf_SysFields_SYS_FORGID": "机构ID",
    "platf_SysFields_SYS_FORGNAME": "机构名称",
    "platf_SysFields_SYS_FWRITETIME": "制单时间",
    "platf_SysFields_SYS_FEDITOR": "修改人",
    "platf_SysFields_SYS_FEDITTIME": "修改时间",
    "platf_SysFields_SYS_FMODIFY": "修改记录标识",

"platf_UpgradeFields_FID": "GUID",
    "platf_UpgradeFields_FTYPE": "升级类型",
    "platf_UpgradeFields_FTYPENAME": "升级类型",
    "platf_UpgradeFields_FOWNER": "拥有者",
    "platf_UpgradeFields_FPN": "项目名",
    "platf_UpgradeFields_FPW": "制单岗位号",
    "platf_UpgradeFields_FFILE": "文件",
    "platf_UpgradeFields_FVERSION": "版本",
    "platf_UpgradeFields_FOPERATOR": "操作者",
    "platf_UpgradeFields_FTIME": "操作时间",

"platf_UserFields_FUSERID": "工号",
    "platf_UserFields_FUSERNAMEID": "姓名",
    "platf_UserFields_FMBPHONE": "手机号码",
    "platf_UserFields_FEMAIL": "邮箱",
    "platf_UserFields_FQQ": "QQ",
    "platf_UserFields_FWEIXIN": "微信帐号",
    "platf_UserFields_FPASSWORD": "密码",
    "platf_UserFields_FSECONDPWD": "二重密码",
    "platf_UserFields_FTHIRDPWD": "三重密码",
    "platf_UserFields_FSTATE": "是否禁用",

"platf_UserDetailFields_FBZID": "编制ID",
    "platf_UserDetailFields_FBZNAME": "编制名称",
    "platf_UserDetailFields_FUSERID": "工号",
    "platf_UserDetailFields_FUSERNAME": "姓名",
    "platf_UserDetailFields_FORGNAME": "所属公司",
    "platf_UserDetailFields_FROLENAME": "岗位名称",

"platf_UserInfoFields_FUSERID": "userid",
    "platf_UserInfoFields_FUSERID2": "userid2",
    "platf_UserInfoFields_FNUMBER": "number",
    "platf_UserInfoFields_FBZID": "bz",
    "platf_UserInfoFields_FUSERNAME": "username",
    "platf_UserInfoFields_FUSERNAMEJP": "username jp",
    "platf_UserInfoFields_FCITYLIST": "city",
    "platf_UserInfoFields_FUSERPROVINCE": "province",
    "platf_UserInfoFields_FUSERCITY": "city",
    "platf_UserInfoFields_FUSERSTYLE": "user style",
    "platf_UserInfoFields_FUSERMAINMBURL": "user main mb url",
    "platf_UserInfoFields_FUSERMAINPCURL": "user main pc url",
    "platf_UserInfoFields_FUSERTYPE": "type",
    "platf_UserInfoFields_FUSERTYPENAME": "type name",
    "platf_UserInfoFields_FUSERSFZ": "身份证号",
    "platf_UserInfoFields_FUSERSFZPIC1": "身份证正面照",
    "platf_UserInfoFields_FUSERSFZPIC2": "身份证反面照",
    "platf_UserInfoFields_FBIRTHDAY": "birtyday",
    "platf_UserInfoFields_FSTATE": "是否禁用",
    "platf_UserInfoFields_FSEX": "性别",
    "platf_UserInfoFields_FADDRESS": "地址",
    "platf_UserInfoFields_FMBPHONE": "手机号码",
    "platf_UserInfoFields_FPHONE": "电话",
    "platf_UserInfoFields_FEMAIL": "邮箱",
    "platf_UserInfoFields_FQQ": "QQ号码",
    "platf_UserInfoFields_FWEIXIN": "微信号码",
    "platf_UserInfoFields_FUSERPHOTO": "用户头像",
    "platf_UserInfoFields_FUSERSIGN": "电子签名",
    "platf_UserInfoFields_FUSERSIGN2": "电子签名2",
    "platf_UserInfoFields_FUSERSIGN3": "电子签名3",
    "platf_UserInfoFields_FREGIP": "注册地址",
    "platf_UserInfoFields_FNOTE": "备注",
    "platf_UserInfoFields_FFAX": "传真",
    "platf_UserInfoFields_FUSERORGPATH": "用户机构路径",

"platf_UseroperateFields_FGUID": "GUID",
    "platf_UseroperateFields_FUSERID": "工号",
    "platf_UseroperateFields_FKEY": "KEY",
    "platf_UseroperateFields_FVALUE": "值",
    "platf_UseroperateFields_FWRITETIME": "写入时间",
    "platf_UseroperateFields_FNAME": "描述",
    "platf_UseroperateFields_FTYPE": "类型"
  };

module.exports = exports['default'];
});

Ignore Space Show notes View project/hivuiBirt/lang/zh-CN.js 0 → 100644
var GLOBAL_LANG_TPL = { "cmps_formToolBar_add": "添加", "cmps_formToolBar_cancel": "取消", "cmps_formToolBar_flowOut": "流转", "cmps_formToolBar_flowBack": "回退", "cmps_formToolBar_signOut": "加签", "cmps_formToolBar_turnOut": "转办", "cmps_formToolBar_terminate": "终止", "cmps_formToolBar_monitor": "流程监控", "cmps_formToolBar_approval": "流程审批", "cmps_formToolBar_print": "打印", "cmps_formToolBar_prints": "批量打印", "cmps_formToolBar_export": "导出", "cmps_formToolBar_import": "导入", "cmps_formToolBar_remove": "删除", "cmps_formToolBar_save": "保存", "cmps_formToolBar_takenorder": "调单", "cmps_datetime_to": "至", "cmps_datetime_start": "开始日期", "cmps_datetime_end": "结束日期", "cmps_datetime_now": "本日", "cmps_datetime_yesterday": "昨日", "cmps_datetime_last7": "近7日", "cmps_datetime_last28": "近28日", "cmps_datetime_last84": "近84日", "cmps_datetime_halfYear": "近半年", "cmps_datetime_oneYear": "近1年", "cmps_datetime_overdue": "已过期", "cmps_datetime_threeMonth": "三个月内", "cmps_datetime_three2six_months": "三至六个月", "cmps_datetime_six2nine_months": "六至九个月", "cmps_datetime_nine_months": "九个月以上", "cmps_datetime_eighteen_months": "18个月上", "cmps_datetime_two_years": "二年以上", "cmps_datetime_three_years": "三年以上", "cmps_datetime_week": "本周", "cmps_datetime_month": "本月", "cmps_datetime_quarter": "本季度", "cmps_datetime_year": "本年度", "cmps_btn_query": "查询", "cmps_btn_add": "新增", "cmps_btn_remove": "删除", "cmps_btn_edit": "修改", "cmps_btn_cancel": "取消", "cmps_btn_disabled": "禁用", "cmps_btn_confirm": "确定", "cmps_btn_cancel": "取消", "cmps_btn_enable": "启用", "cmps_btn_resetpw": "重置密码", "cmps_btn_model_download": "模板下载", "cmps_table_empty_text": "暂无数据", "cmps_table_operate": "操作", "cmps_message_turnOut": "流转成功!", "cmps_message_turnBack": "回退成功!", "cmps_message_remove": "删除成功！", "cmps_message_save": "保存成功！", "cmps_message_sureCheck": "确定勾选吗?", "cmps_message_login": "登录成功", "cmps_message_nodeDel": "请选择要删除的节点", "cmps_message_notDir": "非目录节点不能新增子节点", "cmps_message_nodeEdit": "请选择要修改的节点", "cmps_message_flow_func": "只能选中流程或功能节点", "cmps_message_addData": "请添加数据", "cmps_message_isConfirm": "此操作将永久删除该数据, 是否继续?", "cmps_message_confirmCancel": "确定取消吗?", "cmps_message_confirmDisabled": "确定禁用该用户吗?", "cmps_message_confirmEnable": "确定启用用该用户吗?", "cmps_message_tip": "提示", "cmps_message_disabled": "禁用成功", "cmps_message_enable": "启用成功", "cmps_message_cancel": "已取消", "cmps_message_resetpw": "密码重置成功", "cmps_message_password": "请输入新的密码(密码长度4-16)", "cmps_message_password_error": "密码格式不正确", "cmps_message_reset_user": "请选择要重置的用户", "cmps_message_No": "第", "cmps_message_phone": "手机号", "cmps_message_format_error": "格式错误", "cmps_message_missing_data": "条数据缺少", "cmps_message_userid": "用户工号", "cmps_message_username": "用户姓名", "cmps_message_roleid": "岗位编码", "cmps_message_orgid": "机构编码", "cmps_message_deptid": "部门编码", "cmps_message_no_exist": "不存在", "cmps_message_import": "导入成功！", "cmps_message_no_importData": "没有检测到导入的数据", "cmps_export_name": "用户信息", "cmps_export_username": "姓名", "cmps_export_userid": "工号", "cmps_export_sex": "性别", "cmps_templates_list": "列表", "cmps_templates_detail": "详情", "cmps_templates_add": "新增", "cmps_templates_adds": "批量新增", "platf_validate_FMBPHONE": "请输入正确的电话号码", "platf_validate_FEMAIL": "请输入正确的邮箱地址", "platf_validate_FIDCARD": "请输入正确的身份证号", "platf_validate_FUSERID": "请输入工号", "platf_AppversionFields_FGUID": "GUID", "platf_AppversionFields_FNAME": "名称", "platf_AppversionFields_FVERSION": "版本号", "platf_AppversionFields_FTYPE": "类型", "platf_AppversionFields_FDOWNLOADURL": "下载地址", "platf_AppversionFields_FUPFORCE": "是否强制升级", "platf_AppversionFields_FRECSTATUS": "是否开启", "platf_AppversionFields_FNOTE": "版本说明", "platf_CommoncodeFields_FGUID": "GUID", "platf_CommoncodeFields_FCODEID": "功能ID", "platf_CommoncodeFields_FFORMAT": "编码格式", "platf_CommoncodeFields_FCOUNT": "当前计数", "platf_CommoncodeFields_FCOUNTTYPE": "计数方式", "platf_CommoncodeFields_FCOUNTTYPENAME": "计数方式名称", "platf_CommoncodeFields_FINIT": "初始值", "platf_CommoncodeFields_FDESCRIPTION": "说明", "platf_ComponentVersionFields_FID": "ID", "platf_ComponentVersionFields_FNAME": "组件名称", "platf_ComponentVersionFields_FDESC": "组件描述", "platf_ComponentVersionFields_FVERSION": "版本", "platf_ComponentVersionFields_FBetaVERSION": "Beta版本", "platf_ComponentVersionFields_FSOURCETYPE": "源类型", "platf_ComponentVersionFields_FUSETYPE": "使用类型", "platf_ServerFields_FID": "ID", "platf_ServerFields_FDESC": "名称", "platf_ServerFields_FIP": "ip地址", "platf_ServerFields_FPORT": "端口号", "platf_ServerFields_FNOTE": "备注", "platf_ServerFields_FPASSWORD": "密码", "platf_ServerFields_FSERVERID": "服务器ID", "platf_ServerFields_FDEPLOYID": "部署ID", "platf_ServerFields_FPROJECTNAME": "项目名称", "platf_ServerFields_FDEVOWNER": "项目拥有者", "platf_ServerFields_FCREATETIME": "创建时间", "platf_EnumsFields_FENUMSGUID": "枚举GUID", "platf_EnumsFields_FSCHEME": "方案名称", "platf_EnumsFields_FGROUPID": "分组ID", "platf_EnumsFields_FGROUPNAME": "分组名称", "platf_EnumsFields_FOPTIONNAME": "项名称", "platf_EnumsFields_FOPTIONVALUE": "项显示值", "platf_EnumsFields_FOPTIONORDER": "排序", "platf_ExecutorFields_FENUMSGUID": "枚举GUID", "platf_ExecutorFields_FSCHEME": "方案名称", "platf_ExecutorFields_FGROUPID": "分组ID", "platf_ExecutorFields_FGROUPNAME": "分组名称", "platf_ExecutorFields_FOPTIONNAME": "项名称", "platf_ExecutorFields_FOPTIONVALUE": "项显示值", "platf_ExecutorFields_FOPTIONORDER": "排序", "platf_ExecutorDtlFields_FDTLGUID": "记录GUID", "platf_ExecutorDtlFields_FGUID": "父记录GUID", "platf_ExecutorDtlFields_FNODETYPE": "环节类型", "platf_ExecutorDtlFields_FNODETYPENAME": "环节类型名称", "platf_ExecutorDtlFields_FTASKNAME": "环节名称", "platf_ExecutorDtlFields_FTASKDISPLAYNAME": "环节中文名称", "platf_ExecutorDtlFields_FBZID": "执行者编制ID", "platf_ExecutorDtlFields_FBZNAME": "执行者编制名称", "platf_ExecutorDtlFields_FROLEID": "执行岗位ID", "platf_ExecutorDtlFields_FROLENAME": "执行岗位名称", "platf_ExecutorDtlFields_FP1": "参数1", "platf_ExecutorDtlFields_FP2": "参数2", "platf_ExecutorDtlFields_FP3": "参数3", "platf_FlowuxFields_FGUID": "GUID", "platf_FlowuxFields_FTITLE": "流程标题", "platf_FlowuxFields_FBIZPATHTPL": "模板流程业务路径", "platf_FlowuxFields_FBIZPATHUX": "自定义流程业务路径", "platf_FlowuxFields_FBIZPATHFUN": "功能路径", "platf_FlowuxFields_FNOTE": "备注", "platf_JobInfoFields_id": "id", "platf_JobInfoFields_jobGroup": "执行器主键id", "platf_JobInfoFields_jobDesc": "任务名称", "platf_JobInfoFields_addTime": "新建时间", "platf_JobInfoFields_updateTime": "更新时间", "platf_JobInfoFields_author": "作者", "platf_JobInfoFields_alarmEmail": "报警邮件", "platf_JobInfoFields_scheduleType": "调度类型", "platf_JobInfoFields_scheduleConf": "调度配置，值含义取决于调度类型", "platf_JobInfoFields_misfireStrategy": "调度过期策略", "platf_JobInfoFields_executorRouteStrategy": "执行器路由策略", "platf_JobInfoFields_executorHandler": "执行器任务handler", "platf_JobInfoFields_executorParam": "执行器任务参数", "platf_JobInfoFields_executorBlockStrategy": "阻塞处理策略", "platf_JobInfoFields_executorTimeout": "任务执行超时时间，单位秒", "platf_JobInfoFields_executorFailRetryCount": "失败重试次数", "platf_JobInfoFields_glueType": "GLUE类型", "platf_JobInfoFields_glueSource": "GLUE源代码", "platf_JobInfoFields_glueRemark": "GLUE备注", "platf_JobInfoFields_glueUpdatetime": "GLUE更新时间", "platf_JobInfoFields_childJobId": "子任务id，多个逗号分隔", "platf_JobInfoFields_triggerStatus": "调度状态", "platf_JobInfoFields_triggerLastTime": "上次调度时间", "platf_JobInfoFields_triggerNextTime": "下次调度时间", "platf_JobInfoFields_controlId": "控件id", "platf_JobLogFields_id": "id", "platf_JobLogFields_jobId": "任务ID", "platf_JobLogFields_jobGroup": "执行器主键ID", "platf_JobLogFields_executorAddress": "执行器地址，本次执行的地址", "platf_JobLogFields_executorHandler": "执行器任务handler", "platf_JobLogFields_executorParam": "执行器任务参数", "platf_JobLogFields_executorShardingParam": "执行器任务分片参数，格式如 1/2", "platf_JobLogFields_executorFailRetryCount": "失败重试次数", "platf_JobLogFields_triggerTime": "调度时间", "platf_JobLogFields_triggerCode": "调度结果", "platf_JobLogFields_triggerMsg": "调度日志", "platf_JobLogFields_handleTime": "执行时间", "platf_JobLogFields_handleCode": "执行结果", "platf_JobLogFields_handleMsg": "执行日志", "platf_JobLogFields_alarmStatus": "告警状态", "platf_LevelFields_FLEVELGUID": "职级ID", "platf_LevelFields_FLEVELPGUID": "职级父ID", "platf_LevelFields_FLEVELID": "职级号", "platf_LevelFields_FLEVELNAME": "职级名称", "platf_LevelFields_FLEVELNAMEJP": "职级简拼", "platf_LevelFields_FLEVELTREENO": "树编号", "platf_LevelFields_FLEVELIDPATH": "职级ID路径", "platf_LevelFields_FLEVELKIND": "节点类型", "platf_LevelFields_FLEVELKINDNAME": "节点类型名称", "platf_LevelFields_FSTATE": "是否禁用", "platf_LevelFields_FNOTE": "备注", "platf_LogLoginFields_FUSERID": "用户ID", "platf_LogLoginFields_FUSERNAME": "姓名", "platf_LogLoginFields_FSOFTNAME": "软件名称", "platf_LogLoginFields_FSOFTVER": "软件版本号", "platf_LogLoginFields_FPCNAME": "计算机名", "platf_LogLoginFields_FPCIP": "电脑IP", "platf_LogLoginFields_FPCMAC": "硬件信息", "platf_LogLoginFields_FSESSIONID": "会话sessionID", "platf_LogLoginFields_FLOGINTIME": "登录时间", "platf_LogLoginFields_FLOGOUTTIME": "登出时间", "platf_LogLoginFields_FDEVICETYPE": "设备类型", "SYS_FWRITETIME": "制单时间", "platf_LogLoginFields_FNOTE": "备注", "platf_LogReqFields_FGUID": "GUID", "platf_LogReqFields_FUSERID": "用户ID", "platf_LogReqFields_FUSERNAME": "姓名", "platf_LogReqFields_FBZID": "编制ID", "platf_LogReqFields_FBZNAME": "编制名称", "platf_LogReqFields_FTERMINAL": "终端类型", "platf_LogReqFields_FTERMINALNAME": "终端名称", "platf_LogReqFields_FIP": "用户IP", "platf_LogReqFields_FNAME": "功能名称", "platf_LogReqFields_FURL": "请求URL", "platf_LogReqFields_FPARAMS": "请求参数", "platf_LogReqFields_FSUCCESS": "是否成功", "platf_LogReqFields_FEXCEPTION": "异常信息", "platf_LogReqFields_FSTARTTIME": "开始时间", "platf_LogReqFields_FENDTIME": "结束时间", "platf_LogReqFields_FCOST": "耗费时间(毫秒)", "platf_MsgFields_FGUID": "GUID", "platf_MsgFields_FTITLE": "消息标题", "platf_MsgFields_FSTATE": "消息状态", "platf_MsgFields_FSTATENAME": "消息状态名称", "platf_MsgFields_FMSGTYPE": "消息类型", "platf_MsgFields_FCONTENT": "消息内容", "platf_MsgFields_FMSGLEVEL": "消息等级", "platf_MsgFields_FMSGLEVELNAME": "消息等级名称", "platf_MsgFields_FSAVETAG": "是否收藏", "platf_MsgSetFields_FGUID": "GUID", "platf_MsgSetFields_FUSERID": "订阅工号", "platf_MsgSetFields_FMSGTYPE": "消息类型", "platf_MsgSetFields_FMSGTYPENAME": "消息类型名称", "platf_MsgSetFields_FEMAIL": "邮箱订阅", "platf_MsgSetFields_FSHOTMSG": "短信订阅", "platf_MsgSetFields_FWECHAT": "微信订阅", "platf_MsgSetFields_FAPP": "APP订阅", "platf_MsgTplFields_FGUID": "GUID", "platf_MsgTplFields_FMSGID": "消息ID", "platf_MsgTplFields_FMSGTYPE": "消息类型", "platf_MsgTplFields_FMSGTYPENAME": "消息类型名称", "platf_MsgTplFields_FTITLE": "消息标题", "platf_MsgTplFields_FCONTENT": "消息内容", "platf_OrgFields_FGUID": "GUID", "platf_OrgFields_FORGPGUID": "机构父ID", "platf_OrgFields_FORGTREENO": "树编号", "platf_OrgFields_FORGID": "组织机构编码", "platf_OrgFields_FC1": "组织机构编码", "platf_OrgFields_FORGSNAME": "机构名称", "platf_OrgFields_FORGNAMEJP": "简拼", "platf_OrgFields_FORGKIND": "组织机构类型", "platf_OrgFields_FORGKINDNAME": "组织机构类型名称", "platf_OrgFields_FORGIDPATH": "组织机构路径", "platf_OrgFields_FORGDIMENSION": "组织机构维度", "platf_OrgFields_FORGDIMENSIONNAME": "组织机构维度", "platf_OrgFields_FLEVELID": "职级ID", "platf_OrgFields_FLEVELNAME": "职级名称", "platf_OrgFields_FORDER": "排序", "platf_OrgFields_FBZID": "编制号", "platf_OrgFields_FUSERID": "负责人", "platf_OrgFields_FUSERNAME": "负责人", "platf_OrgFields_FORGNAME": "组织机构名称", "platf_OrgFields_FBZNAME": "编制名称", "platf_OrgFields_FDEFAULTBZ": "是否默认编制", "platf_OrgFields_FSTATE": "是否禁用", "platf_OrgFields_FROLEID": "岗位ID", "platf_OrgFields_FROLEGUID": "岗位GUID", "platf_OrgFields_FROLENAME": "岗位名称", "platf_OrgFields_FSUPERUSERID": "直属上级", "platf_OrgFields_FSUPERUSERNAME": "直属上级姓名", "platf_OrgFields_FSUPERBZID": "直属上级编制", "platf_OrgFields_FSUPERBZNAME": "直属上级编制名称", "platf_OrgFields_FNOTE": "备注", "platf_ResourceFields_FRESGUID": "菜单GUID", "platf_ResourceFields_FRESPGUID": "菜单父GUID", "platf_ResourceFields_FRESTREENO": "树编号", "platf_ResourceFields_FPROJECTID": "当前项目ID", "platf_ResourceFields_FRESURL": "资源(功能)路径", "platf_ResourceFields_FC1": "业务路径", "platf_ResourceFields_FC2": "打开方式", "platf_ResourceFields_FRESNAME": "菜单名称", "platf_ResourceFields_FRESNAMEJP": "简拼", "platf_ResourceFields_FRESTYPE": "资源类型", "platf_ResourceFields_FRESTYPENAME": "资源类型名称", "platf_ResourceFields_FORDER": "排序", "platf_ResourceFields_FICONCLASS": "PC图标", "platf_ResourceFields_FAPPICONCLASS": "手机图标", "platf_ResourceFields_FICONCOLOR": "图标颜色", "platf_ResourceFields_FSHOW": "菜单显示类型", "platf_ResourceFields_FISACTIVE": "是否启动打开", "platf_ResourceFields_FISOFFLINE": "是否支持离线", "platf_ResourceFields_FSTATE": "是否禁用", "platf_ResourceFields_FPOSITION": "方位", "platf_ResourceFields_FPOSITIONNAME": "方位名称", "platf_ResourceFields_FSHOWLABEL": "菜单显示名称", "platf_ResourceFields_FOPENLABEL": "菜单打开名称", "platf_ResourceFields_FNOTE": "备注", "platf_RoleFields_FROLEGUID": "岗位ID", "platf_RoleFields_FROLEPGUID": "岗位父ID", "platf_RoleFields_FC1": "组织机构编码", "platf_RoleFields_FROLEID": "岗位号", "platf_RoleFields_FROLENAME": "岗位名称", "platf_RoleFields_FSUPERGUID": "指定继承岗位guid", "platf_RoleFields_FSUPERNAME": "指定继承岗位名称", "platf_RoleFields_FRESTYPENAME": "资源类型名称", "platf_RoleFields_FORDER": "排序", "platf_RoleFields_FICONCLASS": "PC图标", "platf_RoleFields_FAPPICONCLASS": "手机图标", "platf_RoleFields_FICONCOLOR": "图标颜色", "platf_RoleFields_FSHOW": "菜单显示类型", "platf_RoleFields_FISACTIVE": "是否启动打开", "platf_RoleFields_FISOFFLINE": "是否支持离线", "platf_RoleFields_FSTATE": "是否禁用", "platf_RoleFields_FPOSITION": "方位", "platf_RoleFields_FPOSITIONNAME": "方位名称", "platf_RoleFields_FSHOWLABEL": "菜单显示名称", "platf_RoleFields_FOPENLABEL": "菜单打开名称", "platf_RoleFields_FNOTE": "备注", "platf_RoleMappingFields_FGUID": "GUID", "platf_RoleMappingFields_FSROLEID": "EAP岗位号", "platf_RoleMappingFields_FSROLENAME": "EAP岗位名称", "platf_RoleMappingFields_FTORGID": "机构ID", "platf_RoleMappingFields_FTORGNAME": "机构名称", "platf_RoleMappingFields_FTROLEID": "岗位号", "platf_RoleMappingFields_FTROLENAME": "岗位名称", "platf_RoleMappingFields_FSTATE": "是否禁用", "platf_RoleMappingFields_FROLEIDPATH": "岗位ID路径", "platf_RoleMappingFields_FNOTE": "备注", "platf_SchemeFields_FGUID": "方案ID", "platf_SchemeFields_FSCHEMENAME": "方案名称", "platf_SchemeFields_FSCHEMETYPE": "方案类型", "platf_SchemeFields_FSCHEMETYPENAME": "机构ID", "platf_SchemeFields_FCONTENT": "方案类型名称", "platf_SchemeFields_FFUNCURL": "统计功能URL", "platf_SchemeFields_FAFFAIRNAME": "事务名称", "platf_SchemeFields_FUSERID": "人员权限", "platf_SchemeFields_FROLEID": "岗位权限", "platf_SchemeFields_FDEPTID": "部门权限", "platf_SysFields_SYS_FAUDITPOINT": "审批状态", "platf_SysFields_SYS_FAUDITTASK": "单据状态", "platf_SysFields_SYS_FAUDITRECORD": "审批记录", "platf_SysFields_SYS_FAUDITTIME": "审核时间", "platf_SysFields_SYS_FOPERATOR": "制单人", "platf_SysFields_SYS_FOPERATORBZ": "制单岗位号", "platf_SysFields_SYS_FOPERATORNAME": "制单人", "platf_SysFields_SYS_FAGENT": "代理人", "platf_SysFields_SYS_FAGENTBZ": "代理岗位号", "platf_SysFields_SYS_FAGENTNAME": "代理人", "platf_SysFields_SYS_FORGID": "机构ID", "platf_SysFields_SYS_FORGNAME": "机构名称", "platf_SysFields_SYS_FWRITETIME": "制单时间", "platf_SysFields_SYS_FEDITOR": "修改人", "platf_SysFields_SYS_FEDITTIME": "修改时间", "platf_SysFields_SYS_FMODIFY": "修改记录标识", "platf_UpgradeFields_FID": "GUID", "platf_UpgradeFields_FTYPE": "升级类型", "platf_UpgradeFields_FTYPENAME": "升级类型", "platf_UpgradeFields_FOWNER": "拥有者", "platf_UpgradeFields_FPN": "项目名", "platf_UpgradeFields_FPW": "制单岗位号", "platf_UpgradeFields_FFILE": "文件", "platf_UpgradeFields_FVERSION": "版本", "platf_UpgradeFields_FOPERATOR": "操作者", "platf_UpgradeFields_FTIME": "操作时间", "platf_UserFields_FUSERID": "工号", "platf_UserFields_FUSERNAMEID": "姓名", "platf_UserFields_FMBPHONE": "手机号码", "platf_UserFields_FEMAIL": "邮箱", "platf_UserFields_FQQ": "QQ", "platf_UserFields_FWEIXIN": "微信帐号", "platf_UserFields_FPASSWORD": "密码", "platf_UserFields_FSECONDPWD": "二重密码", "platf_UserFields_FTHIRDPWD": "三重密码", "platf_UserFields_FSTATE": "是否禁用", "platf_UserDetailFields_FBZID": "编制ID", "platf_UserDetailFields_FBZNAME": "编制名称", "platf_UserDetailFields_FUSERID": "工号", "platf_UserDetailFields_FUSERNAME": "姓名", "platf_UserDetailFields_FORGNAME": "所属公司", "platf_UserDetailFields_FROLENAME": "岗位名称", "platf_UserInfoFields_FUSERID": "工号", "platf_UserInfoFields_FUSERID2": "工号", "platf_UserInfoFields_FNUMBER": "单号", "platf_UserInfoFields_FBZID": "主岗编制", "platf_UserInfoFields_FUSERNAME": "姓名", "platf_UserInfoFields_FUSERNAMEJP": "简拼", "platf_UserInfoFields_FCITYLIST": "所在城市", "platf_UserInfoFields_FUSERPROVINCE": "所在省份", "platf_UserInfoFields_FUSERCITY": "所在城市", "platf_UserInfoFields_FUSERSTYLE": "皮肤", "platf_UserInfoFields_FUSERMAINMBURL": "个人手机主页", "platf_UserInfoFields_FUSERMAINPCURL": "个人PC主页", "platf_UserInfoFields_FUSERTYPE": "类型", "platf_UserInfoFields_FUSERTYPENAME": "用户类型", "platf_UserInfoFields_FUSERSFZ": "身份证号", "platf_UserInfoFields_FUSERSFZPIC1": "身份证正面照", "platf_UserInfoFields_FUSERSFZPIC2": "身份证反面照", "platf_UserInfoFields_FBIRTHDAY": "出生年月", "platf_UserInfoFields_FSTATE": "是否禁用", "platf_UserInfoFields_FSEX": "性别", "platf_UserInfoFields_FADDRESS": "地址", "platf_UserInfoFields_FMBPHONE": "手机号码", "platf_UserInfoFields_FPHONE": "电话", "platf_UserInfoFields_FEMAIL": "邮箱", "platf_UserInfoFields_FQQ": "QQ号码", "platf_UserInfoFields_FWEIXIN": "微信号码", "platf_UserInfoFields_FUSERPHOTO": "用户头像", "platf_UserInfoFields_FUSERSIGN": "电子签名", "platf_UserInfoFields_FUSERSIGN2": "电子签名2", "platf_UserInfoFields_FUSERSIGN3": "电子签名3", "platf_UserInfoFields_FREGIP": "注册地址", "platf_UserInfoFields_FNOTE": "备注", "platf_UserInfoFields_FFAX": "传真", "platf_UserInfoFields_FUSERORGPATH": "用户机构路径", "platf_UseroperateFields_FGUID": "GUID", "platf_UseroperateFields_FUSERID": "工号", "platf_UseroperateFields_FKEY": "KEY", "platf_UseroperateFields_FVALUE": "值", "platf_UseroperateFields_FWRITETIME": "写入时间", "platf_UseroperateFields_FNAME": "描述", "platf_UseroperateFields_FTYPE": "类型" };

Ignore Space Show notes View

project/hivuiBirt/lang/zh-CN.js 0 → 100644

var GLOBAL_LANG_TPL = {
  "cmps_formToolBar_add": "添加",
  "cmps_formToolBar_cancel": "取消",
  "cmps_formToolBar_flowOut": "流转",
  "cmps_formToolBar_flowBack": "回退",
  "cmps_formToolBar_signOut": "加签",
  "cmps_formToolBar_turnOut": "转办",
  "cmps_formToolBar_terminate": "终止",
  "cmps_formToolBar_monitor": "流程监控",
  "cmps_formToolBar_approval": "流程审批",
  "cmps_formToolBar_print": "打印",
  "cmps_formToolBar_prints": "批量打印",
  "cmps_formToolBar_export": "导出",
  "cmps_formToolBar_import": "导入",
  "cmps_formToolBar_remove": "删除",
  "cmps_formToolBar_save": "保存",
  "cmps_formToolBar_takenorder": "调单",

"cmps_datetime_to": "至",
  "cmps_datetime_start": "开始日期",
  "cmps_datetime_end": "结束日期",
  "cmps_datetime_now": "本日",
  "cmps_datetime_yesterday": "昨日",
  "cmps_datetime_last7": "近7日",
  "cmps_datetime_last28": "近28日",
  "cmps_datetime_last84": "近84日",
  "cmps_datetime_halfYear": "近半年",
  "cmps_datetime_oneYear": "近1年",
  "cmps_datetime_overdue": "已过期",
  "cmps_datetime_threeMonth": "三个月内",
  "cmps_datetime_three2six_months": "三至六个月",
  "cmps_datetime_six2nine_months": "六至九个月",
  "cmps_datetime_nine_months": "九个月以上",
  "cmps_datetime_eighteen_months": "18个月上",
  "cmps_datetime_two_years": "二年以上",
  "cmps_datetime_three_years": "三年以上",
  "cmps_datetime_week": "本周",
  "cmps_datetime_month": "本月",
  "cmps_datetime_quarter": "本季度",
  "cmps_datetime_year": "本年度",

"cmps_btn_query": "查询",
  "cmps_btn_add": "新增",
  "cmps_btn_remove": "删除",
  "cmps_btn_edit": "修改",
  "cmps_btn_cancel": "取消",
  "cmps_btn_disabled": "禁用",
  "cmps_btn_confirm": "确定",
  "cmps_btn_cancel": "取消",
  "cmps_btn_enable": "启用",
  "cmps_btn_resetpw": "重置密码",
  "cmps_btn_model_download": "模板下载",

"cmps_table_empty_text": "暂无数据",
  "cmps_table_operate": "操作",

"cmps_message_turnOut": "流转成功!",
  "cmps_message_turnBack": "回退成功!",
  "cmps_message_remove": "删除成功！",
  "cmps_message_save": "保存成功！",
  "cmps_message_sureCheck": "确定勾选吗?",
  "cmps_message_login": "登录成功",
  "cmps_message_nodeDel": "请选择要删除的节点",
  "cmps_message_notDir": "非目录节点不能新增子节点",
  "cmps_message_nodeEdit": "请选择要修改的节点",
  "cmps_message_flow_func": "只能选中流程或功能节点",
  "cmps_message_addData": "请添加数据",
  "cmps_message_isConfirm": "此操作将永久删除该数据, 是否继续?",
  "cmps_message_confirmCancel": "确定取消吗?",
  "cmps_message_confirmDisabled": "确定禁用该用户吗?",
  "cmps_message_confirmEnable": "确定启用用该用户吗?",
  "cmps_message_tip": "提示",
  "cmps_message_disabled": "禁用成功",
  "cmps_message_enable": "启用成功",
  "cmps_message_cancel": "已取消",
  "cmps_message_resetpw": "密码重置成功",
  "cmps_message_password": "请输入新的密码(密码长度4-16)",
  "cmps_message_password_error": "密码格式不正确",
  "cmps_message_reset_user": "请选择要重置的用户",
  "cmps_message_No": "第",
  "cmps_message_phone": "手机号",
  "cmps_message_format_error": "格式错误",
  "cmps_message_missing_data": "条数据缺少",
  "cmps_message_userid": "用户工号",
  "cmps_message_username": "用户姓名",
  "cmps_message_roleid": "岗位编码",
  "cmps_message_orgid": "机构编码",
  "cmps_message_deptid": "部门编码",
  "cmps_message_no_exist": "不存在",
  "cmps_message_import": "导入成功！",
  "cmps_message_no_importData": "没有检测到导入的数据",

"cmps_export_name": "用户信息",
  "cmps_export_username": "姓名",
  "cmps_export_userid": "工号",
  "cmps_export_sex": "性别",

"cmps_templates_list": "列表",
  "cmps_templates_detail": "详情",
  "cmps_templates_add": "新增",
  "cmps_templates_adds": "批量新增",

"platf_validate_FMBPHONE": "请输入正确的电话号码",
  "platf_validate_FEMAIL": "请输入正确的邮箱地址",
  "platf_validate_FIDCARD": "请输入正确的身份证号",
  "platf_validate_FUSERID": "请输入工号",

"platf_AppversionFields_FGUID": "GUID",
  "platf_AppversionFields_FNAME": "名称",
  "platf_AppversionFields_FVERSION": "版本号",
  "platf_AppversionFields_FTYPE": "类型",
  "platf_AppversionFields_FDOWNLOADURL": "下载地址",
  "platf_AppversionFields_FUPFORCE": "是否强制升级",
  "platf_AppversionFields_FRECSTATUS": "是否开启",
  "platf_AppversionFields_FNOTE": "版本说明",

"platf_CommoncodeFields_FGUID": "GUID",
  "platf_CommoncodeFields_FCODEID": "功能ID",
  "platf_CommoncodeFields_FFORMAT": "编码格式",
  "platf_CommoncodeFields_FCOUNT": "当前计数",
  "platf_CommoncodeFields_FCOUNTTYPE": "计数方式",
  "platf_CommoncodeFields_FCOUNTTYPENAME": "计数方式名称",
  "platf_CommoncodeFields_FINIT": "初始值",
  "platf_CommoncodeFields_FDESCRIPTION": "说明",

"platf_ComponentVersionFields_FID": "ID",
  "platf_ComponentVersionFields_FNAME": "组件名称",
  "platf_ComponentVersionFields_FDESC": "组件描述",
  "platf_ComponentVersionFields_FVERSION": "版本",
  "platf_ComponentVersionFields_FBetaVERSION": "Beta版本",
  "platf_ComponentVersionFields_FSOURCETYPE": "源类型",
  "platf_ComponentVersionFields_FUSETYPE": "使用类型",

"platf_ServerFields_FID": "ID",
  "platf_ServerFields_FDESC": "名称",
  "platf_ServerFields_FIP": "ip地址",
  "platf_ServerFields_FPORT": "端口号",
  "platf_ServerFields_FNOTE": "备注",
  "platf_ServerFields_FPASSWORD": "密码",
  "platf_ServerFields_FSERVERID": "服务器ID",
  "platf_ServerFields_FDEPLOYID": "部署ID",
  "platf_ServerFields_FPROJECTNAME": "项目名称",
  "platf_ServerFields_FDEVOWNER": "项目拥有者",
  "platf_ServerFields_FCREATETIME": "创建时间",

"platf_EnumsFields_FENUMSGUID": "枚举GUID",
  "platf_EnumsFields_FSCHEME": "方案名称",
  "platf_EnumsFields_FGROUPID": "分组ID",
  "platf_EnumsFields_FGROUPNAME": "分组名称",
  "platf_EnumsFields_FOPTIONNAME": "项名称",
  "platf_EnumsFields_FOPTIONVALUE": "项显示值",
  "platf_EnumsFields_FOPTIONORDER": "排序",

"platf_ExecutorFields_FENUMSGUID": "枚举GUID",
  "platf_ExecutorFields_FSCHEME": "方案名称",
  "platf_ExecutorFields_FGROUPID": "分组ID",
  "platf_ExecutorFields_FGROUPNAME": "分组名称",
  "platf_ExecutorFields_FOPTIONNAME": "项名称",
  "platf_ExecutorFields_FOPTIONVALUE": "项显示值",
  "platf_ExecutorFields_FOPTIONORDER": "排序",

"platf_ExecutorDtlFields_FDTLGUID": "记录GUID",
  "platf_ExecutorDtlFields_FGUID": "父记录GUID",
  "platf_ExecutorDtlFields_FNODETYPE": "环节类型",
  "platf_ExecutorDtlFields_FNODETYPENAME": "环节类型名称",
  "platf_ExecutorDtlFields_FTASKNAME": "环节名称",
  "platf_ExecutorDtlFields_FTASKDISPLAYNAME": "环节中文名称",
  "platf_ExecutorDtlFields_FBZID": "执行者编制ID",
  "platf_ExecutorDtlFields_FBZNAME": "执行者编制名称",
  "platf_ExecutorDtlFields_FROLEID": "执行岗位ID",
  "platf_ExecutorDtlFields_FROLENAME": "执行岗位名称",
  "platf_ExecutorDtlFields_FP1": "参数1",
  "platf_ExecutorDtlFields_FP2": "参数2",
  "platf_ExecutorDtlFields_FP3": "参数3",

"platf_FlowuxFields_FGUID": "GUID",
  "platf_FlowuxFields_FTITLE": "流程标题",
  "platf_FlowuxFields_FBIZPATHTPL": "模板流程业务路径",
  "platf_FlowuxFields_FBIZPATHUX": "自定义流程业务路径",
  "platf_FlowuxFields_FBIZPATHFUN": "功能路径",
  "platf_FlowuxFields_FNOTE": "备注",

"platf_JobInfoFields_id": "id",
  "platf_JobInfoFields_jobGroup": "执行器主键id",
  "platf_JobInfoFields_jobDesc": "任务名称",
  "platf_JobInfoFields_addTime": "新建时间",
  "platf_JobInfoFields_updateTime": "更新时间",
  "platf_JobInfoFields_author": "作者",
  "platf_JobInfoFields_alarmEmail": "报警邮件",
  "platf_JobInfoFields_scheduleType": "调度类型",
  "platf_JobInfoFields_scheduleConf": "调度配置，值含义取决于调度类型",
  "platf_JobInfoFields_misfireStrategy": "调度过期策略",
  "platf_JobInfoFields_executorRouteStrategy": "执行器路由策略",
  "platf_JobInfoFields_executorHandler": "执行器任务handler",
  "platf_JobInfoFields_executorParam": "执行器任务参数",
  "platf_JobInfoFields_executorBlockStrategy": "阻塞处理策略",
  "platf_JobInfoFields_executorTimeout": "任务执行超时时间，单位秒",
  "platf_JobInfoFields_executorFailRetryCount": "失败重试次数",
  "platf_JobInfoFields_glueType": "GLUE类型",
  "platf_JobInfoFields_glueSource": "GLUE源代码",
  "platf_JobInfoFields_glueRemark": "GLUE备注",
  "platf_JobInfoFields_glueUpdatetime": "GLUE更新时间",
  "platf_JobInfoFields_childJobId": "子任务id，多个逗号分隔",
  "platf_JobInfoFields_triggerStatus": "调度状态",
  "platf_JobInfoFields_triggerLastTime": "上次调度时间",
  "platf_JobInfoFields_triggerNextTime": "下次调度时间",
  "platf_JobInfoFields_controlId": "控件id",

"platf_JobLogFields_id": "id",
  "platf_JobLogFields_jobId": "任务ID",
  "platf_JobLogFields_jobGroup": "执行器主键ID",
  "platf_JobLogFields_executorAddress": "执行器地址，本次执行的地址",
  "platf_JobLogFields_executorHandler": "执行器任务handler",
  "platf_JobLogFields_executorParam": "执行器任务参数",
  "platf_JobLogFields_executorShardingParam": "执行器任务分片参数，格式如 1/2",
  "platf_JobLogFields_executorFailRetryCount": "失败重试次数",
  "platf_JobLogFields_triggerTime": "调度时间",
  "platf_JobLogFields_triggerCode": "调度结果",
  "platf_JobLogFields_triggerMsg": "调度日志",
  "platf_JobLogFields_handleTime": "执行时间",
  "platf_JobLogFields_handleCode": "执行结果",
  "platf_JobLogFields_handleMsg": "执行日志",
  "platf_JobLogFields_alarmStatus": "告警状态",

"platf_LevelFields_FLEVELGUID": "职级ID",
  "platf_LevelFields_FLEVELPGUID": "职级父ID",
  "platf_LevelFields_FLEVELID": "职级号",
  "platf_LevelFields_FLEVELNAME": "职级名称",
  "platf_LevelFields_FLEVELNAMEJP": "职级简拼",
  "platf_LevelFields_FLEVELTREENO": "树编号",
  "platf_LevelFields_FLEVELIDPATH": "职级ID路径",
  "platf_LevelFields_FLEVELKIND": "节点类型",
  "platf_LevelFields_FLEVELKINDNAME": "节点类型名称",
  "platf_LevelFields_FSTATE": "是否禁用",
  "platf_LevelFields_FNOTE": "备注",

"platf_LogLoginFields_FUSERID": "用户ID",
  "platf_LogLoginFields_FUSERNAME": "姓名",
  "platf_LogLoginFields_FSOFTNAME": "软件名称",
  "platf_LogLoginFields_FSOFTVER": "软件版本号",
  "platf_LogLoginFields_FPCNAME": "计算机名",
  "platf_LogLoginFields_FPCIP": "电脑IP",
  "platf_LogLoginFields_FPCMAC": "硬件信息",
  "platf_LogLoginFields_FSESSIONID": "会话sessionID",
  "platf_LogLoginFields_FLOGINTIME": "登录时间",
  "platf_LogLoginFields_FLOGOUTTIME": "登出时间",
  "platf_LogLoginFields_FDEVICETYPE": "设备类型",
  "SYS_FWRITETIME": "制单时间",
  "platf_LogLoginFields_FNOTE": "备注",

"platf_LogReqFields_FGUID": "GUID",
  "platf_LogReqFields_FUSERID": "用户ID",
  "platf_LogReqFields_FUSERNAME": "姓名",
  "platf_LogReqFields_FBZID": "编制ID",
  "platf_LogReqFields_FBZNAME": "编制名称",
  "platf_LogReqFields_FTERMINAL": "终端类型",
  "platf_LogReqFields_FTERMINALNAME": "终端名称",
  "platf_LogReqFields_FIP": "用户IP",
  "platf_LogReqFields_FNAME": "功能名称",
  "platf_LogReqFields_FURL": "请求URL",
  "platf_LogReqFields_FPARAMS": "请求参数",
  "platf_LogReqFields_FSUCCESS": "是否成功",
  "platf_LogReqFields_FEXCEPTION": "异常信息",
  "platf_LogReqFields_FSTARTTIME": "开始时间",
  "platf_LogReqFields_FENDTIME": "结束时间",
  "platf_LogReqFields_FCOST": "耗费时间(毫秒)",

"platf_MsgFields_FGUID": "GUID",
  "platf_MsgFields_FTITLE": "消息标题",
  "platf_MsgFields_FSTATE": "消息状态",
  "platf_MsgFields_FSTATENAME": "消息状态名称",
  "platf_MsgFields_FMSGTYPE": "消息类型",
  "platf_MsgFields_FCONTENT": "消息内容",
  "platf_MsgFields_FMSGLEVEL": "消息等级",
  "platf_MsgFields_FMSGLEVELNAME": "消息等级名称",
  "platf_MsgFields_FSAVETAG": "是否收藏",

"platf_MsgSetFields_FGUID": "GUID",
  "platf_MsgSetFields_FUSERID": "订阅工号",
  "platf_MsgSetFields_FMSGTYPE": "消息类型",
  "platf_MsgSetFields_FMSGTYPENAME": "消息类型名称",
  "platf_MsgSetFields_FEMAIL": "邮箱订阅",
  "platf_MsgSetFields_FSHOTMSG": "短信订阅",
  "platf_MsgSetFields_FWECHAT": "微信订阅",
  "platf_MsgSetFields_FAPP": "APP订阅",

"platf_MsgTplFields_FGUID": "GUID",
  "platf_MsgTplFields_FMSGID": "消息ID",
  "platf_MsgTplFields_FMSGTYPE": "消息类型",
  "platf_MsgTplFields_FMSGTYPENAME": "消息类型名称",
  "platf_MsgTplFields_FTITLE": "消息标题",
  "platf_MsgTplFields_FCONTENT": "消息内容",

"platf_OrgFields_FGUID": "GUID",
  "platf_OrgFields_FORGPGUID": "机构父ID",
  "platf_OrgFields_FORGTREENO": "树编号",
  "platf_OrgFields_FORGID": "组织机构编码",
  "platf_OrgFields_FC1": "组织机构编码",
  "platf_OrgFields_FORGSNAME": "机构名称",
  "platf_OrgFields_FORGNAMEJP": "简拼",
  "platf_OrgFields_FORGKIND": "组织机构类型",
  "platf_OrgFields_FORGKINDNAME": "组织机构类型名称",
  "platf_OrgFields_FORGIDPATH": "组织机构路径",
  "platf_OrgFields_FORGDIMENSION": "组织机构维度",
  "platf_OrgFields_FORGDIMENSIONNAME": "组织机构维度",
  "platf_OrgFields_FLEVELID": "职级ID",
  "platf_OrgFields_FLEVELNAME": "职级名称",
  "platf_OrgFields_FORDER": "排序",
  "platf_OrgFields_FBZID": "编制号",
  "platf_OrgFields_FUSERID": "负责人",
  "platf_OrgFields_FUSERNAME": "负责人",
  "platf_OrgFields_FORGNAME": "组织机构名称",
  "platf_OrgFields_FBZNAME": "编制名称",
  "platf_OrgFields_FDEFAULTBZ": "是否默认编制",
  "platf_OrgFields_FSTATE": "是否禁用",
  "platf_OrgFields_FROLEID": "岗位ID",
  "platf_OrgFields_FROLEGUID": "岗位GUID",
  "platf_OrgFields_FROLENAME": "岗位名称",
  "platf_OrgFields_FSUPERUSERID": "直属上级",
  "platf_OrgFields_FSUPERUSERNAME": "直属上级姓名",
  "platf_OrgFields_FSUPERBZID": "直属上级编制",
  "platf_OrgFields_FSUPERBZNAME": "直属上级编制名称",
  "platf_OrgFields_FNOTE": "备注",

"platf_ResourceFields_FRESGUID": "菜单GUID",
  "platf_ResourceFields_FRESPGUID": "菜单父GUID",
  "platf_ResourceFields_FRESTREENO": "树编号",
  "platf_ResourceFields_FPROJECTID": "当前项目ID",
  "platf_ResourceFields_FRESURL": "资源(功能)路径",
  "platf_ResourceFields_FC1": "业务路径",
  "platf_ResourceFields_FC2": "打开方式",
  "platf_ResourceFields_FRESNAME": "菜单名称",
  "platf_ResourceFields_FRESNAMEJP": "简拼",
  "platf_ResourceFields_FRESTYPE": "资源类型",
  "platf_ResourceFields_FRESTYPENAME": "资源类型名称",
  "platf_ResourceFields_FORDER": "排序",
  "platf_ResourceFields_FICONCLASS": "PC图标",
  "platf_ResourceFields_FAPPICONCLASS": "手机图标",
  "platf_ResourceFields_FICONCOLOR": "图标颜色",
  "platf_ResourceFields_FSHOW": "菜单显示类型",
  "platf_ResourceFields_FISACTIVE": "是否启动打开",
  "platf_ResourceFields_FISOFFLINE": "是否支持离线",
  "platf_ResourceFields_FSTATE": "是否禁用",
  "platf_ResourceFields_FPOSITION": "方位",
  "platf_ResourceFields_FPOSITIONNAME": "方位名称",
  "platf_ResourceFields_FSHOWLABEL": "菜单显示名称",
  "platf_ResourceFields_FOPENLABEL": "菜单打开名称",
  "platf_ResourceFields_FNOTE": "备注",

"platf_RoleFields_FROLEGUID": "岗位ID",
  "platf_RoleFields_FROLEPGUID": "岗位父ID",
  "platf_RoleFields_FC1": "组织机构编码",
  "platf_RoleFields_FROLEID": "岗位号",
  "platf_RoleFields_FROLENAME": "岗位名称",
  "platf_RoleFields_FSUPERGUID": "指定继承岗位guid",
  "platf_RoleFields_FSUPERNAME": "指定继承岗位名称",
  "platf_RoleFields_FRESTYPENAME": "资源类型名称",
  "platf_RoleFields_FORDER": "排序",
  "platf_RoleFields_FICONCLASS": "PC图标",
  "platf_RoleFields_FAPPICONCLASS": "手机图标",
  "platf_RoleFields_FICONCOLOR": "图标颜色",
  "platf_RoleFields_FSHOW": "菜单显示类型",
  "platf_RoleFields_FISACTIVE": "是否启动打开",
  "platf_RoleFields_FISOFFLINE": "是否支持离线",
  "platf_RoleFields_FSTATE": "是否禁用",
  "platf_RoleFields_FPOSITION": "方位",
  "platf_RoleFields_FPOSITIONNAME": "方位名称",
  "platf_RoleFields_FSHOWLABEL": "菜单显示名称",
  "platf_RoleFields_FOPENLABEL": "菜单打开名称",
  "platf_RoleFields_FNOTE": "备注",

"platf_RoleMappingFields_FGUID": "GUID",
  "platf_RoleMappingFields_FSROLEID": "EAP岗位号",
  "platf_RoleMappingFields_FSROLENAME": "EAP岗位名称",
  "platf_RoleMappingFields_FTORGID": "机构ID",
  "platf_RoleMappingFields_FTORGNAME": "机构名称",
  "platf_RoleMappingFields_FTROLEID": "岗位号",
  "platf_RoleMappingFields_FTROLENAME": "岗位名称",
  "platf_RoleMappingFields_FSTATE": "是否禁用",
  "platf_RoleMappingFields_FROLEIDPATH": "岗位ID路径",
  "platf_RoleMappingFields_FNOTE": "备注",

"platf_SchemeFields_FGUID": "方案ID",
  "platf_SchemeFields_FSCHEMENAME": "方案名称",
  "platf_SchemeFields_FSCHEMETYPE": "方案类型",
  "platf_SchemeFields_FSCHEMETYPENAME": "机构ID",
  "platf_SchemeFields_FCONTENT": "方案类型名称",
  "platf_SchemeFields_FFUNCURL": "统计功能URL",
  "platf_SchemeFields_FAFFAIRNAME": "事务名称",
  "platf_SchemeFields_FUSERID": "人员权限",
  "platf_SchemeFields_FROLEID": "岗位权限",
  "platf_SchemeFields_FDEPTID": "部门权限",

"platf_SysFields_SYS_FAUDITPOINT": "审批状态",
  "platf_SysFields_SYS_FAUDITTASK": "单据状态",
  "platf_SysFields_SYS_FAUDITRECORD": "审批记录",
  "platf_SysFields_SYS_FAUDITTIME": "审核时间",
  "platf_SysFields_SYS_FOPERATOR": "制单人",
  "platf_SysFields_SYS_FOPERATORBZ": "制单岗位号",
  "platf_SysFields_SYS_FOPERATORNAME": "制单人",
  "platf_SysFields_SYS_FAGENT": "代理人",
  "platf_SysFields_SYS_FAGENTBZ": "代理岗位号",
  "platf_SysFields_SYS_FAGENTNAME": "代理人",
  "platf_SysFields_SYS_FORGID": "机构ID",
  "platf_SysFields_SYS_FORGNAME": "机构名称",
  "platf_SysFields_SYS_FWRITETIME": "制单时间",
  "platf_SysFields_SYS_FEDITOR": "修改人",
  "platf_SysFields_SYS_FEDITTIME": "修改时间",
  "platf_SysFields_SYS_FMODIFY": "修改记录标识",

"platf_UpgradeFields_FID": "GUID",
  "platf_UpgradeFields_FTYPE": "升级类型",
  "platf_UpgradeFields_FTYPENAME": "升级类型",
  "platf_UpgradeFields_FOWNER": "拥有者",
  "platf_UpgradeFields_FPN": "项目名",
  "platf_UpgradeFields_FPW": "制单岗位号",
  "platf_UpgradeFields_FFILE": "文件",
  "platf_UpgradeFields_FVERSION": "版本",
  "platf_UpgradeFields_FOPERATOR": "操作者",
  "platf_UpgradeFields_FTIME": "操作时间",

"platf_UserFields_FUSERID": "工号",
  "platf_UserFields_FUSERNAMEID": "姓名",
  "platf_UserFields_FMBPHONE": "手机号码",
  "platf_UserFields_FEMAIL": "邮箱",
  "platf_UserFields_FQQ": "QQ",
  "platf_UserFields_FWEIXIN": "微信帐号",
  "platf_UserFields_FPASSWORD": "密码",
  "platf_UserFields_FSECONDPWD": "二重密码",
  "platf_UserFields_FTHIRDPWD": "三重密码",
  "platf_UserFields_FSTATE": "是否禁用",

"platf_UserDetailFields_FBZID": "编制ID",
  "platf_UserDetailFields_FBZNAME": "编制名称",
  "platf_UserDetailFields_FUSERID": "工号",
  "platf_UserDetailFields_FUSERNAME": "姓名",
  "platf_UserDetailFields_FORGNAME": "所属公司",
  "platf_UserDetailFields_FROLENAME": "岗位名称",

"platf_UserInfoFields_FUSERID": "工号",
  "platf_UserInfoFields_FUSERID2": "工号",
  "platf_UserInfoFields_FNUMBER": "单号",
  "platf_UserInfoFields_FBZID": "主岗编制",
  "platf_UserInfoFields_FUSERNAME": "姓名",
  "platf_UserInfoFields_FUSERNAMEJP": "简拼",
  "platf_UserInfoFields_FCITYLIST": "所在城市",
  "platf_UserInfoFields_FUSERPROVINCE": "所在省份",
  "platf_UserInfoFields_FUSERCITY": "所在城市",
  "platf_UserInfoFields_FUSERSTYLE": "皮肤",
  "platf_UserInfoFields_FUSERMAINMBURL": "个人手机主页",
  "platf_UserInfoFields_FUSERMAINPCURL": "个人PC主页",
  "platf_UserInfoFields_FUSERTYPE": "类型",
  "platf_UserInfoFields_FUSERTYPENAME": "用户类型",
  "platf_UserInfoFields_FUSERSFZ": "身份证号",
  "platf_UserInfoFields_FUSERSFZPIC1": "身份证正面照",
  "platf_UserInfoFields_FUSERSFZPIC2": "身份证反面照",
  "platf_UserInfoFields_FBIRTHDAY": "出生年月",
  "platf_UserInfoFields_FSTATE": "是否禁用",
  "platf_UserInfoFields_FSEX": "性别",
  "platf_UserInfoFields_FADDRESS": "地址",
  "platf_UserInfoFields_FMBPHONE": "手机号码",
  "platf_UserInfoFields_FPHONE": "电话",
  "platf_UserInfoFields_FEMAIL": "邮箱",
  "platf_UserInfoFields_FQQ": "QQ号码",
  "platf_UserInfoFields_FWEIXIN": "微信号码",
  "platf_UserInfoFields_FUSERPHOTO": "用户头像",
  "platf_UserInfoFields_FUSERSIGN": "电子签名",
  "platf_UserInfoFields_FUSERSIGN2": "电子签名2",
  "platf_UserInfoFields_FUSERSIGN3": "电子签名3",
  "platf_UserInfoFields_FREGIP": "注册地址",
  "platf_UserInfoFields_FNOTE": "备注",
  "platf_UserInfoFields_FFAX": "传真",
  "platf_UserInfoFields_FUSERORGPATH": "用户机构路径",

"platf_UseroperateFields_FGUID": "GUID",
  "platf_UseroperateFields_FUSERID": "工号",
  "platf_UseroperateFields_FKEY": "KEY",
  "platf_UseroperateFields_FVALUE": "值",
  "platf_UseroperateFields_FWRITETIME": "写入时间",
  "platf_UseroperateFields_FNAME": "描述",
  "platf_UseroperateFields_FTYPE": "类型"
};

Ignore Space Show notes View project/hivuiLogin/components/pwStrength.vue
<template> <div class="pwStrength" id="container"> <el-row> <el-col :span="8"> <el-progress :percentage="onePercentage" :color="oneCustomColors" :format="oneFormat"></el-progress> </el-col> <el-col :span="8"> <el-progress :percentage="twoPercentage" :color="twoCustomColors" :format="twoFormat"></el-progress> </el-col> <el-col :span="8"> <el-progress :percentage="ThreePercentage" :color="ThreeCustomColors" :format="ThreeFormat"></el-progress> </el-col> </el-row> </div> </template> <script> export default { name: "PasswordStrength", model: { event: 'change', prop: 'password' }, props: { //密码 password: { type: [String,Boolean,Number,Object], required: true, default: "", }, minPw:{ type: [String,Boolean,Number,Object], default: 6, } }, watch:{ password(newValue){ const mode = this.checkPasswordStrength(newValue); //逻辑处理 switch (mode) { //初始化状态 case 0: this.content = ''; this.onePercentage = 0; this.twoPercentage = 0; this.ThreePercentage = 0; break; case 1: this.content = this.$t('hivuiLogin_pw_weak'); this.onePercentage = 100; this.twoPercentage = 0; this.ThreePercentage = 0; break; case 2: this.content = this.$t('hivuiLogin_pw_middle'); this.onePercentage = 100; this.twoPercentage = 100; this.ThreePercentage = 0; break; case 3: this.content = this.$t('hivuiLogin_pw_middle'); this.onePercentage = 100; this.twoPercentage = 100; this.ThreePercentage = 0; break; default: this.content = this.$t('hivuiLogin_pw_strong'); this.onePercentage = 100; this.twoPercentage = 100; this.ThreePercentage = 100; break; } } }, data(){ return{ content:"", onePercentage:0, twoPercentage:0, ThreePercentage:0, oneCustomColors: [ {color: '#7ecef4', percentage: 100} ], twoCustomColors: [ {color: '#fbae65', percentage: 100} ], ThreeCustomColors: [ {color: '#ff7665', percentage: 100} ] } }, methods:{ oneFormat() { return ""; }, twoFormat() { return ""; }, ThreeFormat() { return ""; }, //密码强度验证 checkPasswordStrength(value) { let mode = 0; //正则表达式验证符合要求的 if (value.length < this.minPw) return mode; if (/\d/.test(value)) mode++; //数字 if (/[a-z]/.test(value)) mode++; //小写 if (/[A-Z]/.test(value)) mode++; //大写 if (/\W/.test(value)) mode++; //特殊字符 return mode; } } } </script> <style lang="scss" scoped> @function px2vw($px) { @return ($px / 1920) * 100vw; } .pwStrength{ ::v-deep.el-progress__text { display: none; } ::v-deep.el-progress-bar { padding: 0 px2vw(5); margin: 0px; } ::v-deep.el-progress-bar__outer{ height:px2vw(10); } } </style> <template> <div class="pwStrength" id="container"> <el-row> <el-col :span="8"> <el-progress :percentage="onePercentage" :color="oneCustomColors" :format="oneFormat"></el-progress> </el-col> <el-col :span="8"> <el-progress :percentage="twoPercentage" :color="twoCustomColors" :format="twoFormat"></el-progress> </el-col> <el-col :span="8"> <el-progress :percentage="ThreePercentage" :color="ThreeCustomColors" :format="ThreeFormat"></el-progress> </el-col> </el-row> </div> </template> <script> export default { name: "PasswordStrength", model: { event: 'change', prop: 'password' }, props: { //密码 password: { type: [String,Boolean,Number,Object], required: true, default: "", }, minPw:{ type: [String,Boolean,Number,Object], default: 6, } }, watch:{ password(newValue){ const mode = this.checkPasswordStrength(newValue); //逻辑处理 switch (mode) { //初始化状态 case 0: this.content = ''; this.onePercentage = 0; this.twoPercentage = 0; this.ThreePercentage = 0; break; case 1: this.content = this.$t('login_pw_weak'); this.onePercentage = 100; this.twoPercentage = 0; this.ThreePercentage = 0; break; case 2: this.content = this.$t('login_pw_middle'); this.onePercentage = 100; this.twoPercentage = 100; this.ThreePercentage = 0; break; case 3: this.content = this.$t('login_pw_middle'); this.onePercentage = 100; this.twoPercentage = 100; this.ThreePercentage = 0; break; default: this.content = this.$t('login_pw_strong'); this.onePercentage = 100; this.twoPercentage = 100; this.ThreePercentage = 100; break; } } }, data(){ return{ content:"", onePercentage:0, twoPercentage:0, ThreePercentage:0, oneCustomColors: [ {color: '#7ecef4', percentage: 100} ], twoCustomColors: [ {color: '#fbae65', percentage: 100} ], ThreeCustomColors: [ {color: '#ff7665', percentage: 100} ] } }, methods:{ oneFormat() { return ""; }, twoFormat() { return ""; }, ThreeFormat() { return ""; }, //密码强度验证 checkPasswordStrength(value) { let mode = 0; //正则表达式验证符合要求的 if (value.length < this.minPw) return mode; if (/\d/.test(value)) mode++; //数字 if (/[a-z]/.test(value)) mode++; //小写 if (/[A-Z]/.test(value)) mode++; //大写 if (/\W/.test(value)) mode++; //特殊字符 return mode; } } } </script> <style lang="scss" scoped> @function px2vw($px) { @return ($px / 1920) * 100vw; } .pwStrength{ ::v-deep.el-progress__text { display: none; } ::v-deep.el-progress-bar { padding: 0 px2vw(5); margin: 0px; } ::v-deep.el-progress-bar__outer{ height:px2vw(10); } } </style>

Ignore Space Show notes View

project/hivuiLogin/components/pwStrength.vue

<template>
	<div class="pwStrength" id="container">
		<el-row>
			<el-col :span="8">
				<el-progress :percentage="onePercentage" :color="oneCustomColors" :format="oneFormat"></el-progress>
			</el-col>
			<el-col :span="8">
				<el-progress :percentage="twoPercentage" :color="twoCustomColors" :format="twoFormat"></el-progress>
			</el-col>
			<el-col :span="8">
				<el-progress :percentage="ThreePercentage" :color="ThreeCustomColors" :format="ThreeFormat"></el-progress>
			</el-col>
		</el-row>
	</div>
</template>
<script>
	export default {
		name: "PasswordStrength",
		model: {
			event: 'change',
			prop: 'password'
		},
		props: {
			//密码
			password: {
				type: [String,Boolean,Number,Object],
				required: true,
				default: "",
			},
			minPw:{
				type: [String,Boolean,Number,Object],
				default: 6,
			}
		},
		watch:{
			password(newValue){
				const mode = this.checkPasswordStrength(newValue);
				//逻辑处理
				switch (mode) {
				//初始化状态
					case 0:
						this.content = '';
						this.onePercentage = 0;
						this.twoPercentage = 0;
						this.ThreePercentage = 0;
						break;
					case 1:
						this.content = this.$t('hivuiLogin_pw_weak');
						this.onePercentage = 100;
						this.twoPercentage = 0;
						this.ThreePercentage = 0;
						break;
					case 2:
						this.content = this.$t('hivuiLogin_pw_middle');
						this.onePercentage = 100;
						this.twoPercentage = 100;
						this.ThreePercentage = 0;
						break;
					case 3:
						this.content = this.$t('hivuiLogin_pw_middle');
						this.onePercentage = 100;
						this.twoPercentage = 100;
						this.ThreePercentage = 0;
						break;
					default:
						this.content = this.$t('hivuiLogin_pw_strong');
						this.onePercentage = 100;
						this.twoPercentage = 100;
						this.ThreePercentage = 100;
						break;
				}
			}
		},
		data(){
			return{
				content:"",
				onePercentage:0,
				twoPercentage:0,
				ThreePercentage:0,
				oneCustomColors: [
					{color: '#7ecef4', percentage: 100}
				],
				twoCustomColors: [
					{color: '#fbae65', percentage: 100}
				],
				ThreeCustomColors: [
					{color: '#ff7665', percentage: 100}
				]
			}
		},
		methods:{
			oneFormat() {
				return "";
			},
			twoFormat() {
				return "";
			},
			ThreeFormat() {
				return "";
			},
			//密码强度验证
			checkPasswordStrength(value) {
				let mode = 0;
				//正则表达式验证符合要求的
				if (value.length < this.minPw) return mode;
				if (/\d/.test(value)) mode++; //数字
				if (/[a-z]/.test(value)) mode++; //小写
				if (/[A-Z]/.test(value)) mode++; //大写
				if (/\W/.test(value)) mode++; //特殊字符
				return mode;
			}
		}
	}
</script>

<template>
	<div class="pwStrength" id="container">
		<el-row>
			<el-col :span="8">
				<el-progress :percentage="onePercentage" :color="oneCustomColors" :format="oneFormat"></el-progress>
			</el-col>
			<el-col :span="8">
				<el-progress :percentage="twoPercentage" :color="twoCustomColors" :format="twoFormat"></el-progress>
			</el-col>
			<el-col :span="8">
				<el-progress :percentage="ThreePercentage" :color="ThreeCustomColors" :format="ThreeFormat"></el-progress>
			</el-col>
		</el-row>
	</div>
</template>
<script>
	export default {
		name: "PasswordStrength",
		model: {
			event: 'change',
			prop: 'password'
		},
		props: {
			//密码
			password: {
				type: [String,Boolean,Number,Object],
				required: true,
				default: "",
			},
			minPw:{
				type: [String,Boolean,Number,Object],
				default: 6,
			}
		},
		watch:{
			password(newValue){
				const mode = this.checkPasswordStrength(newValue);
				//逻辑处理
				switch (mode) {
				//初始化状态
					case 0:
						this.content = '';
						this.onePercentage = 0;
						this.twoPercentage = 0;
						this.ThreePercentage = 0;
						break;
					case 1:
						this.content = this.$t('login_pw_weak');
						this.onePercentage = 100;
						this.twoPercentage = 0;
						this.ThreePercentage = 0;
						break;
					case 2:
						this.content = this.$t('login_pw_middle');
						this.onePercentage = 100;
						this.twoPercentage = 100;
						this.ThreePercentage = 0;
						break;
					case 3:
						this.content = this.$t('login_pw_middle');
						this.onePercentage = 100;
						this.twoPercentage = 100;
						this.ThreePercentage = 0;
						break;
					default:
						this.content = this.$t('login_pw_strong');
						this.onePercentage = 100;
						this.twoPercentage = 100;
						this.ThreePercentage = 100;
						break;
				}
			}
		},
		data(){
			return{
				content:"",
				onePercentage:0,
				twoPercentage:0,
				ThreePercentage:0,
				oneCustomColors: [
					{color: '#7ecef4', percentage: 100}
				],
				twoCustomColors: [
					{color: '#fbae65', percentage: 100}
				],
				ThreeCustomColors: [
					{color: '#ff7665', percentage: 100}
				]
			}
		},
		methods:{
			oneFormat() {
				return "";
			},
			twoFormat() {
				return "";
			},
			ThreeFormat() {
				return "";
			},
			//密码强度验证
			checkPasswordStrength(value) {
				let mode = 0;
				//正则表达式验证符合要求的
				if (value.length < this.minPw) return mode;
				if (/\d/.test(value)) mode++; //数字
				if (/[a-z]/.test(value)) mode++; //小写
				if (/[A-Z]/.test(value)) mode++; //大写
				if (/\W/.test(value)) mode++; //特殊字符
				return mode;
			}
		}
	}
</script>

Ignore Space Show notes View project/hivuiLogin/components/resetPw.vue
<template> <div class="reset"> <el-form ref="registerForm" :model="registerForm" :rules="registerRules"> <el-form-item class="register_field" prop="phone"> <el-input ref="phone" v-model="registerForm.phone" type="text" :placeholder="$t('hivuiLogin_reset_phone')"></el-input> </el-form-item> <el-form-item class="register_field" prop="pw"> <el-input ref="pw" v-model="registerForm.pw" type="password" :placeholder="$t('hivuiLogin_reset_password_tip')"></el-input> <pwStrength class="register_pwStrength" v-model="registerForm.pw" :minPw="minPw"></pwStrength> </el-form-item> <el-form-item class="register_field register_row" prop="captcha"> <el-input ref="captcha" v-model="registerForm.captcha" type="text" :placeholder="$t('hivuiLogin_reset_captcha')"></el-input> <el-button class="register_capbtn" :loading="captchaLoading" type="primary" :disabled="captchaTimer==0?false:true" @click="getCaptcha">{{captchaTimer==0?$t('hivuiLogin_reset_getCaptcha'):(captchaTimer+$t('hivuiLogin_reset_getAgain'))}}</el-button> </el-form-item> <el-button class="register_submit" :loading="resetLoading" type="primary" @click="reset">{{$t('hivuiLogin_reset_reset')}}</el-button> </el-form> </div> </template> <script> import { getToken } from "../utils/auth"; import { captcha,resetpw } from "../api/user"; import pwStrength from "../components/pwStrength"; import md5 from "js-md5"; export default { name: "resetPw", components: { pwStrength }, data() { return { registerForm: { phone: "", pw: "", captcha: "", email: "", }, minPw:4, copyRight: window.customSysCofig?.copyright\|\|this.$t('hivuiLogin_reset_def_copyright'), registerRules: { phone: [ { required: true, message: this.$t('hivuiLogin_reset_phone_tip'), trigger: "blur" }, { validator: (rule, value, callback)=>{ if (!/^[1]([3-9])[0-9]{9}$/.test(value)) { callback(new Error(this.$t('hivuiLogin_reset_phone_msg'))); } else { callback(); } }, trigger: "blur" }, ], pw: [ { required: true, message: this.$t('hivuiLogin_reset_password_tip2'), trigger: "blur" }, { validator: (rule, value, callback)=>{ if ((value+"").length<this.minPw) { callback(new Error(this.$t('hivuiLogin_reset_password_msg1')+this.minPw+this.$t('hivuiLogin_reset_password_msg2'))); } else { callback(); } }, trigger: "blur" }, ], captcha: [ { required: true, message: this.$t('hivuiLogin_reset_captcha_msg'), trigger: "blur" } ], /email: [ { required: true, message: "请填写邮箱地址", trigger: "blur" } ]/ }, captchaLoading:false, resetLoading:false, captchaTimer:0, }; }, model: { prop: "value", event: "valuechange" }, props: { value: { type: Object } }, computed: {}, mounted() {}, methods: { //获取验证码 getCaptcha(){ this.$refs.registerForm.validateField("phone",(errMsg) => { if (!errMsg) { let me=this; me.captchaTimer=60; me.captchaLoading=true; captcha({ "phone": me.registerForm.phone }).then(res=>{ me.captchaLoading=false; }).catch(err=>{ me.captchaLoading=false; }); let _timer=setInterval(()=>{ --me.captchaTimer; if(me.captchaTimer==0){ clearInterval(_timer); } },1000); } }); }, //重置 reset(){ let me=this; this.$refs.registerForm.validate((valid) => { if (valid) { me.resetLoading=true; debugger;resetpw({ "phone":me.registerForm.phone, "password":md5(me.registerForm.pw), "captcha":me.registerForm.captcha, }).then(res=>{ me.$message({ message: me.$t('hivuiLogin_reset_reset_success'), type: 'success' }); me.$emit("resetCb"); }).catch(err=>{ me.resetLoading=false; }); } }); }, }, }; </script> <style lang="scss" scoped> @function px2vw($px) { @return ($px / 1920) * 100vw; } .reset{ padding:px2vw(20) px2vw(50); .register_field{ margin-bottom: px2vw(22); line-height:px2vw(48); ::v-deep.el-input__inner{ line-height:px2vw(48); height:px2vw(48); } .register_pwStrength{ margin-top:px2vw(10); } &.register_row{ ::v-deep.el-form-item__content{ display: flex; align-items:center; } } } .register_capbtn{ width: px2vw(200); height: px2vw(48); line-height: px2vw(48); padding: 0; } .register_submit{ height: px2vw(48); line-height: px2vw(48); padding-top: 0; width: 100%; margin-top:px2vw(10); } .register_tips{ padding-top: px2vw(20); span{ color:#3486d2; cursor: pointer; } } } </style> <template> <div class="reset"> <el-form ref="registerForm" :model="registerForm" :rules="registerRules"> <el-form-item class="register_field" prop="phone"> <el-input ref="phone" v-model="registerForm.phone" type="text" :placeholder="$t('login_reset_phone')"></el-input> </el-form-item> <el-form-item class="register_field" prop="pw"> <el-input ref="pw" v-model="registerForm.pw" type="password" :placeholder="$t('login_reset_password_tip')"></el-input> <pwStrength class="register_pwStrength" v-model="registerForm.pw" :minPw="minPw"></pwStrength> </el-form-item> <el-form-item class="register_field register_row" prop="captcha"> <el-input ref="captcha" v-model="registerForm.captcha" type="text" :placeholder="$t('login_reset_captcha')"></el-input> <el-button class="register_capbtn" :loading="captchaLoading" type="primary" :disabled="captchaTimer==0?false:true" @click="getCaptcha">{{captchaTimer==0?$t('login_reset_getCaptcha'):(captchaTimer+$t('login_reset_getAgain'))}}</el-button> </el-form-item> <el-button class="register_submit" :loading="resetLoading" type="primary" @click="reset">{{$t('login_reset_reset')}}</el-button> </el-form> </div> </template> <script> import { getToken } from "../utils/auth"; import { captcha,resetpw } from "../api/user"; import pwStrength from "../components/pwStrength"; import md5 from "js-md5"; export default { name: "resetPw", components: { pwStrength }, data() { return { registerForm: { phone: "", pw: "", captcha: "", email: "", }, minPw:4, copyRight: window.customSysCofig?.copyright\|\|this.$t('login_reset_def_copyright'), registerRules: { phone: [ { required: true, message: this.$t('login_reset_phone_tip'), trigger: "blur" }, { validator: (rule, value, callback)=>{ if (!/^[1]([3-9])[0-9]{9}$/.test(value)) { callback(new Error(this.$t('login_reset_phone_msg'))); } else { callback(); } }, trigger: "blur" }, ], pw: [ { required: true, message: this.$t('login_reset_password_tip2'), trigger: "blur" }, { validator: (rule, value, callback)=>{ if ((value+"").length<this.minPw) { callback(new Error(this.$t('login_reset_password_msg1')+this.minPw+this.$t('login_reset_password_msg2'))); } else { callback(); } }, trigger: "blur" }, ], captcha: [ { required: true, message: this.$t('login_reset_captcha_msg'), trigger: "blur" } ], /email: [ { required: true, message: "请填写邮箱地址", trigger: "blur" } ]/ }, captchaLoading:false, resetLoading:false, captchaTimer:0, }; }, model: { prop: "value", event: "valuechange" }, props: { value: { type: Object } }, computed: {}, mounted() {}, methods: { //获取验证码 getCaptcha(){ this.$refs.registerForm.validateField("phone",(errMsg) => { if (!errMsg) { let me=this; me.captchaTimer=60; me.captchaLoading=true; captcha({ "phone": me.registerForm.phone }).then(res=>{ me.captchaLoading=false; }).catch(err=>{ me.captchaLoading=false; }); let _timer=setInterval(()=>{ --me.captchaTimer; if(me.captchaTimer==0){ clearInterval(_timer); } },1000); } }); }, //重置 reset(){ let me=this; this.$refs.registerForm.validate((valid) => { if (valid) { me.resetLoading=true; debugger;resetpw({ "phone":me.registerForm.phone, "password":md5(me.registerForm.pw), "captcha":me.registerForm.captcha, }).then(res=>{ me.$message({ message: me.$t('login_reset_reset_success'), type: 'success' }); me.$emit("resetCb"); }).catch(err=>{ me.resetLoading=false; }); } }); }, }, }; </script> <style lang="scss" scoped> @function px2vw($px) { @return ($px / 1920) * 100vw; } .reset{ padding:px2vw(20) px2vw(50); .register_field{ margin-bottom: px2vw(22); line-height:px2vw(48); ::v-deep.el-input__inner{ line-height:px2vw(48); height:px2vw(48); } .register_pwStrength{ margin-top:px2vw(10); } &.register_row{ ::v-deep.el-form-item__content{ display: flex; align-items:center; } } } .register_capbtn{ width: px2vw(200); height: px2vw(48); line-height: px2vw(48); padding: 0; } .register_submit{ height: px2vw(48); line-height: px2vw(48); padding-top: 0; width: 100%; margin-top:px2vw(10); } .register_tips{ padding-top: px2vw(20); span{ color:#3486d2; cursor: pointer; } } } </style>

Ignore Space Show notes View

project/hivuiLogin/components/resetPw.vue

<template>
  <div class="reset">
		<el-form ref="registerForm" :model="registerForm" :rules="registerRules">
			<el-form-item class="register_field" prop="phone">
				<el-input ref="phone" v-model="registerForm.phone" type="text" :placeholder="$t('hivuiLogin_reset_phone')"></el-input>
			</el-form-item>
			<el-form-item class="register_field" prop="pw">
				<el-input ref="pw" v-model="registerForm.pw" type="password" :placeholder="$t('hivuiLogin_reset_password_tip')"></el-input>
				<pwStrength class="register_pwStrength" v-model="registerForm.pw" :minPw="minPw"></pwStrength>
			</el-form-item>
			<el-form-item class="register_field register_row" prop="captcha">
				<el-input ref="captcha" v-model="registerForm.captcha" type="text" :placeholder="$t('hivuiLogin_reset_captcha')"></el-input>
				<el-button class="register_capbtn" :loading="captchaLoading" type="primary" :disabled="captchaTimer==0?false:true" @click="getCaptcha">{{captchaTimer==0?$t('hivuiLogin_reset_getCaptcha'):(captchaTimer+$t('hivuiLogin_reset_getAgain'))}}</el-button>
			</el-form-item>
			<el-button class="register_submit" :loading="resetLoading" type="primary" @click="reset">{{$t('hivuiLogin_reset_reset')}}</el-button>
		</el-form>
  </div>
</template>

<template>
  <div class="reset">
		<el-form ref="registerForm" :model="registerForm" :rules="registerRules">
			<el-form-item class="register_field" prop="phone">
				<el-input ref="phone" v-model="registerForm.phone" type="text" :placeholder="$t('login_reset_phone')"></el-input>
			</el-form-item>
			<el-form-item class="register_field" prop="pw">
				<el-input ref="pw" v-model="registerForm.pw" type="password" :placeholder="$t('login_reset_password_tip')"></el-input>
				<pwStrength class="register_pwStrength" v-model="registerForm.pw" :minPw="minPw"></pwStrength>
			</el-form-item>
			<el-form-item class="register_field register_row" prop="captcha">
				<el-input ref="captcha" v-model="registerForm.captcha" type="text" :placeholder="$t('login_reset_captcha')"></el-input>
				<el-button class="register_capbtn" :loading="captchaLoading" type="primary" :disabled="captchaTimer==0?false:true" @click="getCaptcha">{{captchaTimer==0?$t('login_reset_getCaptcha'):(captchaTimer+$t('login_reset_getAgain'))}}</el-button>
			</el-form-item>
			<el-button class="register_submit" :loading="resetLoading" type="primary" @click="reset">{{$t('login_reset_reset')}}</el-button>
		</el-form>
  </div>
</template>

Ignore Space Show notes View project/hivuiLogin/index.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>EAP5-Admin-Login</title> <link id="fav_icon" rel="icon" href="" type="image/x-icon"> <% if(htmlWebpackPlugin.vite){%> <!--预览时公共库--> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <script src="/assets_platform/vue/vue.min.js"></script> <script src="/assets_platform/vuex/vuex.min.js"></script> <script src="/assets_platform/vue-router/vue-router.min.js"></script> <script src="/assets_platform/element-ui/index.js"></script> <script src="/assets_platform/eap/eap.umd.min.js"></script> <%}%> <% if(!htmlWebpackPlugin.vite){%> <link rel="stylesheet" href="${serverPath}/render/assets_platform/element-ui/index.css"> <script src="${serverPath}/render/assets_platform/vue/vue.min.js"></script> <script src="${serverPath}/render/assets_platform/vuex/vuex.min.js"></script> <script src="${serverPath}/render/assets_platform/vue-router/vue-router.min.js"></script> <script src="${serverPath}/render/assets_platform/element-ui/index.js"></script> <script src="${serverRender}/assets_platform/vue-i18n/vue-i18n.js"></script> <script src="${serverRender}/${devGroup}/${projectName}/lang/element-ui/${locale}.js"></script> <script src="${serverRender}/${devGroup}/${projectName}/lang/hi-ui/${locale}.js"></script> <script> try{ // 统一输出语言包 zh-CN 名 Vue.prototype._i18n = new VueI18n({ locale: 'localelang', messages: { 'localelang':Object.assign({},GLOBAL_LANG_TPL\|\|{},GLOBAL_LANG_HIUI\|\|{}), } }); (function(lang){ lang = lang.split('-'); lang= lang[0]+((lang[1]\|\|'').charAt(0).toUpperCase() + (lang[1]\|\|'').slice(1)); ELEMENT.locale(ELEMENT.lang[lang]) })('${locale}'); }catch(e){ console.log('语言包加载出错！') } </script> <!--发布时公共库--> <!-- <script src="${serverPath}/render/assets_platform/vendor_dll/vuelibs.dll.js"></script> --> <script src="${serverPath}/render/assets_platform/vendor_dll/vendor.dll.js"></script> <script src="${serverPath}/render/assets_platform/eap/eap.umd.min.js"></script> <%}%> <!-- <script src="/eaptpl/setting/desktop/appsetting/js/1.0.0/appsetting.js" type="text/javascript"></script> --> </head> <body> <div id="app"> <div style="padding:50px 0;text-align:center;"> <div> <img id="main_loading_logo" src="" /> </div> <div>系统初始化中...<a href="javascript:location.reload();">【点我刷新】</a></div> </div> </div> <script> let _img=window.customSysCofig&&window.customSysCofig.sysLoadLogo&&window.customSysCofig.sysLoadLogo.src; document.getElementById("main_loading_logo").src=(_img\|\|(window._global?"./assets/logo_max.png":"./static/img/logo_max.png")); if(window.customSysCofig){ if(window.customSysCofig.syTitle){ document.title=window.customSysCofig.syTitle; } if(window.customSysCofig.favicon){ document.getElementById("fav_icon").href=window.customSysCofig.favicon; } } <% if(!htmlWebpackPlugin.vite){%> window.__loginCfg={ pageType:"${pageType}", redirect:"${redirect}", } <%}%> </script> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="./index.js"></script> <script> //预览时判断1.5s还没有加载完，自动重刷 var _winLoadedCtrl = window.setInterval(function(){ if(document.getElementById("main_loading_logo")){ window.location.reload(); }else{ window.clearInterval(_winLoadedCtrl); } },5000) </script> <%}%> <!-- built files will be auto injected --> </body> </html> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>EAP5-Admin-Login</title> <link id="fav_icon" rel="icon" href="" type="image/x-icon"> <% if(htmlWebpackPlugin.vite){%> <!--预览时公共库--> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <script src="/assets_platform/vue/vue.min.js"></script> <script src="/assets_platform/vuex/vuex.min.js"></script> <script src="/assets_platform/vue-router/vue-router.min.js"></script> <script src="/assets_platform/element-ui/index.js"></script> <script src="/assets_platform/eap/eap.umd.min.js"></script> <%}%> <script src="/assets_platform/vue-i18n/vue-i18n.js"></script> <!-- element 语言包 --> <script src="/assets_platform/element-ui/lang/zh-CN.js"></script> <!-- <script src="/hiui语言包/hiui-i18n/zh-CN.js"></script> --> <script src="/assets_platform/tpl_lang/hivuiLogin/zh-CN.js"></script> <script> // 统一输出语言包 zh-CN 名 try{ Vue.prototype._i18n = new VueI18n({ locale: 'defalut', messages: { 'defalut': HiVuiTpl.lang.zhCN } }); ELEMENT.locale(ELEMENT.lang.zhCN) }catch(e){ console.log('lang--------',e) } </script> <% if(!htmlWebpackPlugin.vite){%> <link rel="stylesheet" href="${serverPath}/render/assets_platform/element-ui/index.css"> <script src="${serverPath}/render/assets_platform/vue/vue.min.js"></script> <script src="${serverPath}/render/assets_platform/vuex/vuex.min.js"></script> <script src="${serverPath}/render/assets_platform/vue-router/vue-router.min.js"></script> <script src="${serverPath}/render/assets_platform/element-ui/index.js"></script> <!--发布时公共库--> <!-- <script src="${serverPath}/render/assets_platform/vendor_dll/vuelibs.dll.js"></script> --> <script src="${serverPath}/render/assets_platform/vendor_dll/vendor.dll.js"></script> <script src="${serverPath}/render/assets_platform/eap/eap.umd.min.js"></script> <%}%> <!-- <script src="/eaptpl/setting/desktop/appsetting/js/1.0.0/appsetting.js" type="text/javascript"></script> --> </head> <body> <div id="app"> <div style="padding:50px 0;text-align:center;"> <div> <img id="main_loading_logo" src="" /> </div> <div>系统初始化中...<a href="javascript:location.reload();">【点我刷新】</a></div> </div> </div> <script> let _img=window.customSysCofig&&window.customSysCofig.sysLoadLogo&&window.customSysCofig.sysLoadLogo.src; document.getElementById("main_loading_logo").src=(_img\|\|(window._global?"./assets/logo_max.png":"./static/img/logo_max.png")); if(window.customSysCofig){ if(window.customSysCofig.syTitle){ document.title=window.customSysCofig.syTitle; } if(window.customSysCofig.favicon){ document.getElementById("fav_icon").href=window.customSysCofig.favicon; } } <% if(!htmlWebpackPlugin.vite){%> window.__loginCfg={ pageType:"${pageType}", redirect:"${redirect}", } <%}%> </script> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="./index.js"></script> <script> //预览时判断1.5s还没有加载完，自动重刷 var _winLoadedCtrl = window.setInterval(function(){ if(document.getElementById("main_loading_logo")){ window.location.reload(); }else{ window.clearInterval(_winLoadedCtrl); } },5000) </script> <%}%> <!-- built files will be auto injected --> </body> </html>

Ignore Space Show notes View

project/hivuiLogin/index.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <title>EAP5-Admin-Login</title>
  <link id="fav_icon" rel="icon" href="" type="image/x-icon">
  <% if(htmlWebpackPlugin.vite){%>
  
  <link rel="stylesheet" href="/assets_platform/element-ui/index.css">
  <script src="/assets_platform/vue/vue.min.js"></script>
  <script src="/assets_platform/vuex/vuex.min.js"></script>
  <script src="/assets_platform/vue-router/vue-router.min.js"></script>
  <script src="/assets_platform/element-ui/index.js"></script>
  <script src="/assets_platform/eap/eap.umd.min.js"></script>  
  <%}%>
      
  <% if(!htmlWebpackPlugin.vite){%>
  <link rel="stylesheet" href="${serverPath}/render/assets_platform/element-ui/index.css">
  <script src="${serverPath}/render/assets_platform/vue/vue.min.js"></script>
  <script src="${serverPath}/render/assets_platform/vuex/vuex.min.js"></script>
  <script src="${serverPath}/render/assets_platform/vue-router/vue-router.min.js"></script>
  <script src="${serverPath}/render/assets_platform/element-ui/index.js"></script>

<script src="${serverPath}/render/assets_platform/vendor_dll/vendor.dll.js"></script>
  <script src="${serverPath}/render/assets_platform/eap/eap.umd.min.js"></script>
  <%}%>
    
</head>

<body>
  <div id="app">
      <div style="padding:50px 0;text-align:center;">
          <div>
            <img id="main_loading_logo" src="" />
          </div>
          <div>系统初始化中...<a href="javascript:location.reload();">【点我刷新】</a></div>
    
        </div>
  </div>
  <script>
    let _img=window.customSysCofig&&window.customSysCofig.sysLoadLogo&&window.customSysCofig.sysLoadLogo.src;
      document.getElementById("main_loading_logo").src=(_img||(window._global?"./assets/logo_max.png":"./static/img/logo_max.png"));
     
    
    if(window.customSysCofig){
      if(window.customSysCofig.syTitle){
        document.title=window.customSysCofig.syTitle;
      }
      if(window.customSysCofig.favicon){
        document.getElementById("fav_icon").href=window.customSysCofig.favicon;
      }
      
    }
    <% if(!htmlWebpackPlugin.vite){%>
    window.__loginCfg={
      pageType:"${pageType}",
      redirect:"${redirect}",
    }
    <%}%>
  </script>
  <% if(htmlWebpackPlugin.vite==true){%>
  <script type="module" src="./index.js"></script>
  <script>
      //预览时判断1.5s还没有加载完，自动重刷
      var _winLoadedCtrl = window.setInterval(function(){
          if(document.getElementById("main_loading_logo")){
            window.location.reload();
          }else{
            window.clearInterval(_winLoadedCtrl);
          }
        },5000)
    </script>
  <%}%>
  
</body>

</html>

<!DOCTYPE html>
<html>

<script src="/assets_platform/element-ui/lang/zh-CN.js"></script>
    
    <script src="/assets_platform/tpl_lang/hivuiLogin/zh-CN.js"></script>
    <script>
        // 统一输出语言包 zh-CN 名
        try{
          Vue.prototype._i18n  = new VueI18n({
              locale: 'defalut',
              messages: {
                  'defalut': HiVuiTpl.lang.zhCN
              }
          });
          ELEMENT.locale(ELEMENT.lang.zhCN)
        }catch(e){
          console.log('lang--------',e)
        }
    </script>
      
    <% if(!htmlWebpackPlugin.vite){%>
      <link rel="stylesheet" href="${serverPath}/render/assets_platform/element-ui/index.css">
      <script src="${serverPath}/render/assets_platform/vue/vue.min.js"></script>
      <script src="${serverPath}/render/assets_platform/vuex/vuex.min.js"></script>
      <script src="${serverPath}/render/assets_platform/vue-router/vue-router.min.js"></script>
      <script src="${serverPath}/render/assets_platform/element-ui/index.js"></script>
      
      
      <script src="${serverPath}/render/assets_platform/vendor_dll/vendor.dll.js"></script>
      <script src="${serverPath}/render/assets_platform/eap/eap.umd.min.js"></script>
      <%}%>
      
</head>

</html>

Ignore Space Show notes View project/hivuiLogin/lang/zh-CN.js 0 → 100644
var GLOBAL_LANG_TPL = { "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_save_user": "记住用户名", "hivuiLogin_main_forget_user": "忘记密码?", "hivuiLogin_main_login_btn": "登　录", "hivuiLogin_main_register1": "没有账号，", "hivuiLogin_main_register2": "马上注册！", "hivuiLogin_main_download": "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_valid_user": "请输入用户名！", "hivuiLogin_main_valid_pw": "请输入密码！", "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": "注册成功，即将返回登录页", }

Ignore Space Show notes View

project/hivuiLogin/lang/zh-CN.js 0 → 100644

var GLOBAL_LANG_TPL = {
  "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_save_user": "记住用户名",
  "hivuiLogin_main_forget_user": "忘记密码?",
  "hivuiLogin_main_login_btn": "登　录",
  "hivuiLogin_main_register1": "没有账号，",
  "hivuiLogin_main_register2": "马上注册！",
  "hivuiLogin_main_download": "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_valid_user": "请输入用户名！",
  "hivuiLogin_main_valid_pw": "请输入密码！",
  "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": "注册成功，即将返回登录页",
}

Ignore Space Show notes View project/hivuiLogin/views/index.vue
<template> <div class="bg"> <div class="login_hd"> <div class="login_hd_logo" :style="logoStyle"> <!-- <div class="login_hd_logo_tip">登录</div>--> </div> </div> <div class="login_bd"> <div class="login_bd_bg" :style="bgStyle"></div> <div class="login_form"> <div id="showQr" class="loginMainBox" :hidden="currLoginType != 'com'"> <img @click="changeQr" class="icon-qrcode" :src="scanIcon" :hidden="!config.isScan" /> <div class="login-tip" :hidden="!config.isScan"> <div class="poptip"> <div class="poptip-arrow"> <em></em> <span></span> </div> <div class="poptip-content">{{$t('hivuiLogin_main_scan_login')}}</div> </div> </div> <div class="login_form_bd"> <div class="error_tips"></div> <input type="hidden" name="directAction" value="" /> <input type="hidden" name="refererurl" value="" /> <div class="login_field"> <label>{{$t('hivuiLogin_main_user')}}</label> <input class="login_field_text" v-model="username" type="text" id="txtUserName" name="userName" :placeholder="$t('hivuiLogin_main_user_ph')" autofocus required autocomplete="off" @keyup.enter="loginFunc" /> <i class="fa fa-user"></i> </div> <div class="login_field"> <label>{{$t('hivuiLogin_main_pw')}}</label> <input class="login_field_text" v-model="password" type="text" onfocus="this.type='password'" id="txtPassword" name="password" :placeholder="$t('hivuiLogin_main_pw_ph')" required autocomplete="off" @keyup.enter="loginFunc" /> <i class="fa fa-unlock-alt"></i> </div> <div class="saveCheckbox_box"> <label for="saveCheckbox" ><i :class=" 'fa ' + (isCheckRu ? 'fa-check-square-o' : 'fa-square-o') " ></i >{{$t('hivuiLogin_main_save_user')}}</label > <input type="checkbox" id="saveCheckbox" style="display: none" v-model="isCheckRu" @change="rememberUserEvent" /> <span class="forgetPw" @click="showResetPw" ><i class="fa fa-lock"></i ><span style="margin-left: 5px">{{$t('hivuiLogin_main_forget_user')}}</span></span > </div> <div class="login_form_btn"> <div class="login_btn_area"> <button :style="btnStyle" :class="'loginBtn' + (loginLoading ? ' disabled' : '')" @click="loginFunc" > {{$t('hivuiLogin_main_login_btn')}}<i :hidden="!loginLoading" class="el-icon-loading" ></i> </button> </div> </div> <div class="register_tips"> {{$t('hivuiLogin_main_register1')}} <span @click="goRegisterPage">{{$t('hivuiLogin_main_register2')}}</span> </div> <el-popover v-if="config.appQRcode" class="login_form_appqr" placement="bottom-end" width="190" popper-class="appQRPopper"> <img :src="config.appQRcode"> <span slot="reference" class="login_form_app">{{$t('hivuiLogin_main_download')}}</span> </el-popover> </div> </div> <div id="showCom" class="loginMainBox" :hidden="!(config.isScan && currLoginType == 'scan')" > <div class="login-title">{{$t('hivuiLogin_main_scan_login')}}</div> <div class="login-tip"> <div class="poptip"> <div class="poptip-arrow"> <em></em> <span></span> </div> <div class="poptip-content">{{$t('hivuiLogin_main_pw_text')}}</div> </div> </div> <img @click="changeCom" class="icon-qrcode" :src="comIcon" alt="" /> <div style=" position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); " > <!-- <img id="qrImg" src="./assets/logo.png" width="115px" height="115px" alt > --> <div class="login-error" style="display: none">{{$t('hivuiLogin_main_login_fail')}}</div> <div class="qrcode-img" style="display: none"> <canvas height="130" width="130" style="height: 130px; width: 130px" ></canvas> <div class="qrcode-error"> <p>{{$t('hivuiLogin_main_qr_fail')}}</p> <button type="button" class="refresh">{{$t('hivuiLogin_main_qr_refresh')}}</button> </div> </div> </div> <div class="login-content nc-outer-box" style="display: none"> <div class="qrcode-login"> <div class="qrcode-success"> <!-- <img src="" alt=""/> --> <p>{{$t('hivuiLogin_main_scan_success')}}</p> <h4>{{$t('hivuiLogin_main_scan_text')}}</h4> </div> </div> </div> <div class="qrDesc"> <div> <!-- <img src="" alt="" /> --> </div> <div class="qrDesc_right"> <span> {{$t('hivuiLogin_main_app_text1')}}<a style="color: blue">{{$t('hivuiLogin_main_app_text2')}}</a><br /> {{$t('hivuiLogin_main_app_text3')}}</span > </div> </div> </div> <div id="qrcode"></div> </div> </div> <el-dialog :title="$t('hivuiLogin_main_forget_title')" :visible.sync="isShowResetPw" width="400px" height="350px" :close-on-click-modal="false" @close="cancelResetPw"> <resetPw res="resetPw" @resetCb="cancelResetPw"></resetPw> </el-dialog> <div class="login_ft"> <div class="login_ft_main" id="login_copyright"> {{ this.config.copyright }} </div> </div> </div> </template> <script> import { baseLogin } from "../api/login"; import md5 from "js-md5"; import { projectName } from "../config"; import "font-awesome/css/font-awesome.css"; import comIcon from "../assets/computer.png" import scanIcon from "../assets/qrcode_3.png" import _loginLogoImg from "../assets/Logo1.png" import _loginBgImg from "../assets/background.png" import { setToken, removeToken, getUserId, setUserId, removeUserId, } from "../utils/auth.js"; import resetPw from "../components/resetPw.vue"; export default { components: {resetPw}, data() { return { comIcon: comIcon, scanIcon: scanIcon, username: "", password: "", 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, loginBgImg: window.customSysCofig?.loginBgImg\|\|_loginBgImg, copyright: window.customSysCofig?.copyright\|\|this.$t('hivuiLogin_main_def_copyright'), isScan: window.customSysCofig?.isScan\|\|false, mainColor:window.customSysCofig?.mainColor\|\|"#06c", appQRcode:window.customSysCofig?.appQRcode\|\|"", }, currLoginType: "com", rememberUserId: getUserId(), loginLoading: false, isShowResetPw:false, }; }, computed: { btnStyle(){ return { "background-color": this.config.mainColor, }; }, bgStyle() { return { "background-image": "url(" + this.config.loginBgImg + ")", }; }, logoStyle() { return { "background-image": "url(" + this.config.loginLogoImg + ")", height: this.config.loginLogoImg_height + "px", width: this.config.loginLogoImg_width + "px", }; }, isCheckRu() { return !!this.rememberUserId; }, }, created() { if (window.HIVUI_SETTING.isSingleLogin) { let loginUrl = window.HIVUI_SETTING.singleLoginUrl; if (loginUrl.endsWith("=")) { loginUrl = loginUrl + window.HIVUI_SETTING.mainPageUrl.replace(/#\//g, ""); } window.location.href = loginUrl; } }, mounted() { if (this.isCheckRu) { this.username = this.rememberUserId; } }, methods: { loginFunc() { this.defaultLogin(); }, defaultLogin() { /this.$refs.loginForm.validate(valid => { if (valid) {/ if(!this.username.trim()){ this.$message.error(this.$t('hivuiLogin_main_valid_user')); return; }else if(!this.password){ this.$message.error(this.$t('hivuiLogin_main_valid_pw')); return; } removeToken(); this.loginLoading = true; baseLogin({ username: this.username.trim(), password: md5(this.password), }) .then((response) => { const data = response; setToken(data.token); if (this.isCheckRu) { setUserId(this.username); } else { removeUserId(); } if(!window.HIVUI_SETTING.isSingleLogin&&location.hash.indexOf("eapReturnUrl=")!=-1){ location=decodeURIComponent(location.hash.split("eapReturnUrl=")[1]); }else{ location = window.HIVUI_SETTING.mainPageUrl ? window.HIVUI_SETTING.mainPageUrl : "/" + projectName + "/hivuiMain/index.html#/"; } }) .catch((error) => { this.loginLoading = false; }); /} else { console.log("error submit!!"); return false; } });/ }, changeQr() { this.currLoginType = "scan"; }, changeCom() { this.currLoginType = "com"; }, showResetPw() { this.isShowResetPw=true; }, cancelResetPw() { this.isShowResetPw=false; }, rememberUserEvent() { if (this.isCheckRu) { this.rememberUserId = ""; } else { this.rememberUserId = true; } }, goRegisterPage(){ this.$router.push("/register"); }, }, }; </script> <style lang="scss"> * { margin: 0; padding: 0; box-sizing: border-box; } a { text-decoration: none; } ul, li { list-style: none; } button { outline: none; border: none; } html, body { height: 100%; width: 100%; background: #fff; } input, body, button { font-family: "Microsoft YaHei", proxima-nova, "Helvetica Neue", arial, helvetica, clean, sans-serif; } body { font-size: 14px; color: #333; } .bg { height: 100%; width: 100%; position: relative; } .login_hd, .login_ft { height: 100px; width: 100%; position: fixed; z-index: 99; left: 0; } .login_hd_main, .login_ft_main { width: 1000px; height: 100%; margin: 0 auto; } .login_hd { top: 0; .login_hd_logo { height: 60px; width: 265px; position: absolute; top: 50px; left: 50px; background: no-repeat; img { height: 80px; width: 80px; margin-right: 90px; margin-top: 10px; float: right; } .login_hd_logo_tip { height: 32px; width: 84px; display: inline-block; padding: 0 20px; font-size: 22px; color: #fff; position: absolute; right: -104px; top: 0; bottom: 0; margin: auto; &:after { content: ""; height: 20px; width: 2px; position: absolute; top: 0; bottom: 0; left: 0px; background-color: #8691a8; margin: auto; } } } } .login_bd { overflow: hidden; min-width: 1210px; position: relative; height: 100%; background-color: #fff; .login_bd_bg { background: no-repeat center center; background-size: 100%; position: absolute; height: 100%; width: 100%; } .login_form { width: 370px; height: 360px; margin: auto; position: absolute; top: 0; left: 40%; right: 0; bottom: 0; background-color: #fff; padding: 1px; z-index: 100; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5); .login_form_hd { color: #333; font-weight: bold; padding: 0 18px; box-sizing: border-box; width: 100%; font-size: 16px; text-align: left; line-height: 44px; height: 44px; border-bottom: 1px solid #ccc; } .login_form_bd { min-height: 231px; height: 100%; position: relative; padding: 24px 40px 0; .login_form_appqr { position: absolute; bottom: 0; right: 40px; .login_form_app, .login_download_app { color: #0190d4; float: right; cursor: pointer; &:hover { color: #0f406c; &i { color: #0f406c; } } } .miniIcon { display: inline-block; height: 16px; width: 16px; background-position: center center; background-size: 100%; margin-left: 20px; vertical-align: middle; &[data-type="app"] { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNGM0JDQ0E0OTc2NTExRUJBNzIxQTZFMjg4NTg2N0FDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNGM0JDQ0E1OTc2NTExRUJBNzIxQTZFMjg4NTg2N0FDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0YzQkNDQTI5NzY1MTFFQkE3MjFBNkUyODg1ODY3QUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0YzQkNDQTM5NzY1MTFFQkE3MjFBNkUyODg1ODY3QUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz65Y/jqAAADAElEQVR42gzOTWgcVRwA8P/7mJmdjzfZ2W6TNM2u3ebSYBNqNSaKiqCgbYUWGi8ebBPwIIrtRewHSNSIoIIIFU2VHop4aMFlPYiVXlI0EinkoEnapKZ1szG7ze52srOzb97Ozjx7/N1+iIfy0jz8PB//EUSog3OE3Auhj/ibhrnLBQlxh3VERe3p5YcP6m+9EKPLN+OPv/d8YXf6IdoCW0T3mRCuipue2qPoYIVqPdC7UlEx20w//iwjd3umSrimqqzs+k4m5m7gqPr4S/T0IX12qeYG7CG9bSxwV0j45pZO0NgUYTqFkOi0UtVAaBfP4idsv1R0jz3Z63nBSlnk0mqrjSILE49i22y3Oa1WNCjSRB32s6DHb6/d/rcwz18+CGeOK9vFf5b+CywK0bbScTok9fT5lkIRh4ln0JvjcHQUpVEj//cjHNTCQmN0TM3p2mod1n2NMWRYHCvJhLcB+/rWzp6AcrG5VNrIDHiFn9Zn54o/FnYslCoTr+z44g07m2oEHkQ1E1ebkMQbky/uDX1477Otwl9ZgJ1fT2WU4X2vPw/PZfunL/isGX973DZKD+RO/2EN9JY4Ogalapjq2339Fxi6s54/ZVfedSpI/rCIZi6L3F59YjxgpnZHGGjknFzc5gdyna8mmY1hasZ3es2Th8Td1cgTRtKK27fw8FNQuLd8MT8oGMCBD3j/+yE5IYffWcnP35IyaEl59XcJ48vmiLj2Z7zZuv3lNZk4WTZOhY99GBDjyHRcb1hmYlUYhRv3gwobHdRMc312beDtyXBwWDn9Te3CnEDOri4VpIyQfUZK2bAV229CnITGUjRktq586ibTGQ4Ppmfold8YdIOju1To1NDQo5/LShV4wA2qEwZlt8pE2gpq5w6v3SiNXJ2Ldu+JE4iLyA4IIJDok1/FpbwM+jQvWtbqmW7L2gyhikBbBMhKzJBDQaFbvJVCnBw70iDXv/toBdOFOnTLRIYGtchM9IbpThkP2U5UHbBoK6aRYmYkfm0/nH+V/C/AALR/bXSBworaAAAAAElFTkSuQmCC"); } &[data-type="desk"] { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJGRUFBRDNFOTc2NTExRUI5OTdGOTE0QkVGODlDRDIwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJGRUFBRDNGOTc2NTExRUI5OTdGOTE0QkVGODlDRDIwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkZFQUFEM0M5NzY1MTFFQjk5N0Y5MTRCRUY4OUNEMjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkZFQUFEM0Q5NzY1MTFFQjk5N0Y5MTRCRUY4OUNEMjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7jOkn1AAABSElEQVR42mL8//8/AymApXzd08fvfv36+58Rh4o///7LCrLZqPCEmQgCuYwMaWeINPv/TGOQDUC8OEkx2kzoHw63MTMxrjv/Yf/Nz1AnATE/JzMjIwMIYwO7rn3iZGWcHCGL0PDt1z9czrj7+qf7xNtAxslKDTMFbiCDCY+jP/3469B7C8J27L318O0vfBpuvfwhUXLpyftfEC7QFQpVl888/AZyEjsLFtdffvodGJRff/07dvcLkCvGy6IrzXnkDpCddmbN2Xf/cYD9Nz+Bwj3tTNOWZxARkA0hM+8JcDH//osSrEBuiau4uSI3hOupww8NpTJ3iXuvf37//Y8J1V3AuNeQ4AA6DMjWk+E0keeCxR9ewJJxFuiei4+/wUVwhtKbL39su28yMTGsz1QG2oCUQnCAE/e+1G58+vrzbzRxRlKTN0CAAQB1Gu32zyWjpAAAAABJRU5ErkJggg=="); } } } .error_tips { position: absolute; line-height: 30px; font-size: 12px; color: #f60000; text-align: center; top: 0; left: 0; right: 0; width: 100%; margin: auto; } .login_field { position: relative; padding-bottom: 20px; label { line-height: 35px; display: block; height: 35px; font-size: 16px; } i { font-size: 20px; color: #aaa; width: 35px; text-align: center; line-height: 40px; height: 40px; position: absolute; top: 35px; left: 0; margin: auto; } .login_field_text { height: 40px; width: 100%; line-height: 40px; border: 1px solid #ccc; border-radius: 5px; background-color: #fff; font-size: 16px; color: #000; padding-left: 35px; box-sizing: border-box; font-family: "Microsoft YaHei", proxima-nova, "Helvetica Neue", arial, helvetica, clean, sans-serif; &::input-placeholder { color: #ccc; } } } .saveCheckbox_box { height: 35px; line-height: 35px; padding-left: 30px; position: relative; top: 0px; label { cursor: pointer; user-select: none; i { font-size: 24px; position: absolute; top: 0; left: 2px; bottom: 0; margin: auto; height: 25px; width: 25px; color: #888; cursor: pointer; text-align: center; } } .occasion { float: right; &:after { content: ""; background: no-repeat; width: 14px; height: 18px; position: absolute; top: 30%; pointer-events: none; right: 1px; } #selectStyle { border: none; outline: none; width: 62px; appearance: none; -webkit-appearance: none; -moz-appearance: none; } } } .forgetPw { float: right; color: #0190d4; cursor: pointer; margin-left: 5px; &:hover { color: #0f406c; i { color: #0f406c; } } } .login_form_btn { font-size: 13px; margin-top: 20px; .loginBtn { /* background-color: #135189; / width: 100%; height: 40px; border: none; border-radius: 5px; color: #fff; font-size: 16px; font-weight: bold; text-align: center; cursor: pointer; display: inline-block; i { margin-left: 5px; } &:hover { filter: brightness(0.8); } &.disabled { background-color: #ccc!important; &:hover { filter: brightness(1); } } } } /二维码/ .qrCodeImg { / position: absolute; / height: 139px; width: 139px; / left:40% !important; right:0 !important; bottom:12%; / margin-top: 10px; margin-left: 85px; z-index: 999; } .register_tips{ padding-top: 15px; font-size: 14px; text-align: center; span{ color:#3486d2; cursor: pointer; } } } .login_form_google { width: 280px; position: absolute; top: 317px; left: 0; bottom: 0; color: #fff; line-height: 20px; text-align: center; font-weight: bold; font-size: 13px; cursor: pointer; user-select: none; & > a { color: #fff; } } .loginMainBox { .login-title { height: 18px; line-height: 18px; font-size: 16px; color: #889aa4; margin-top: 12px; margin-left: 12px; padding-bottom: 8px; font-weight: 700; } .login-tip { position: absolute; top: 10px; right: 68px; display: block; .poptip { background-color: #e6f9fc; line-height: 16px; position: relative; z-index: 9999; border: 1px solid #0073be; padding: 5px 10px; .poptip-arrow { position: absolute; z-index: 10; top: 8px; right: 0; span { position: absolute; width: 0; height: 0; border-color: hsla(0, 0%, 100%, 0); border-style: solid; overflow: hidden; top: 0; left: 0; border-width: 6px 0 6px 6px; border-left-color: #e6f4fc; } em { position: absolute; width: 0; height: 0; border-color: hsla(0, 0%, 100%, 0); border-style: solid; overflow: hidden; top: 0; left: 0; border-width: 6px 0 6px 6px; border-left-color: #0073be; border-right-color: #0073be; } } .poptip-content { font-size: 12px; font-weight: 400; color: #0073be; } } } .qrDesc { font-size: 12px; color: #666; width: 160px; margin: auto; overflow: hidden; line-height: 17px; margin-top: 230px; .qrDesc_right { position: relative; left: 50px; top: -35px; } } .scanMain { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); .qrcode-img { position: relative; margin: 20px auto; font-size: 14px; -webkit-box-shadow: 0 0 8px #ddd; box-shadow: 0 0 8px #ddd; opacity: 1; width: 140px; height: 140px; .qrcode-error { background: hsla(0, 0%, 100%, 0.95); position: absolute; left: 0; top: 0; z-index: 9999; width: 100%; height: 100%; p { font-weight: 700; color: #222; margin-top: 38px; margin-bottom: 8px; text-align: center; } .refresh { background: #f40; width: 110px; height: 34px; line-height: 34px; text-align: center; margin: 0 auto; background: #ff9000; border-color: #ff9000; display: block; color: #fff; border-radius: 3px; font-size: 14px; cursor: pointer; } } canvas { margin: 5px; } } .login-error { text-align: center; color: #222; font-weight: 700; } } /二维码切换登录/ .icon-qrcode { position: absolute; right: 5px; top: 5px; font-size: 52px; line-height: 52px; cursor: pointer; width: 56px; z-index: 999; } .login-content { width: 100%; margin: 0 auto; padding-top: 55px; .qrcode-success { text-align: center; margin-top: 20px; .iconfont { color: #c5c5c5; font-size: 36px; } h4, p { margin-top: 10px; font-size: 14px; } } } } } } .login_ft { bottom: 0; .login_ft_main { line-height: 60px; text-align: center; font-size: 14px; } } /登录对话框/ .loginDialog { height: 300px; width: 500px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 199; .loginDialog_hd { height: 35px; background-color: #0190d4; position: relative; h2 { height: 35px; line-height: 35px; font-size: 14px; color: #fff; padding: 0 20px; } .loginDialog_remove { position: absolute; top: 0; bottom: 0; right: 5px; height: 20px; width: 20px; background-color: #f30; cursor: pointer; margin: auto; text-align: center; &i { line-height: 20px; font-size: 18px; color: #fff; } &:hover { background-color: #f00; } } } .loginDialog_bd { width: 100%; height: 215px; background-color: #fff; } .loginDialog_ft { height: 50px; width: 100%; border-top: 1px solid #ccc; background-color: #f5f5f5; &:after { content: ""; display: block; clear: both; } button { display: block; padding: 0 12px; font-size: 14px; margin-top: 11px; height: 28px; line-height: 28px; text-align: center; cursor: pointer; color: #333333; background-color: #e9e9e9; float: right; margin-right: 10px; } .loginDialog_confirmBtn { background-color: #5cb85c; color: #fff; &:hover { background-color: #47a447; } } .loginDialog_cancelmBtn:hover { background-color: #ddd; } } } .loginMask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: 0.5; z-index: 198; } #loginMsg { height: 170px; width: 400px; top: 10%; bottom: unset; z-index: 200; .loginDialog_bd { height: 85px; line-height: 85px; padding-left: 20px; font-size: 14px; } } .dropdown { border: 1px solid #bebebe; border-radius: 3px; width: 100px; position: absolute; right: 20px; top: 229px; background: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); z-index: 100; overflow: auto; cursor: default; li { margin: 5px; :hover { background: #0190d4; color: #fff; } &.sceneActive { background: #0190d4; color: #fff; } } } .hideIframe { display: none; } .appQRPopper{ text-align: center; img{ width:150px; } } </style> <template> <div class="bg"> <div class="login_hd"> <div class="login_hd_logo" :style="logoStyle"> <!-- <div class="login_hd_logo_tip">登录</div>--> </div> </div> <div class="login_bd"> <div class="login_bd_bg" :style="bgStyle"></div> <div class="login_form"> <div id="showQr" class="loginMainBox" :hidden="currLoginType != 'com'"> <img @click="changeQr" class="icon-qrcode" :src="scanIcon" :hidden="!config.isScan" /> <div class="login-tip" :hidden="!config.isScan"> <div class="poptip"> <div class="poptip-arrow"> <em></em> <span></span> </div> <div class="poptip-content">{{$t('login_main_scan_login')}}</div> </div> </div> <div class="login_form_bd"> <div class="error_tips"></div> <input type="hidden" name="directAction" value="" /> <input type="hidden" name="refererurl" value="" /> <div class="login_field"> <label>{{$t('login_main_user')}}</label> <input class="login_field_text" v-model="username" type="text" id="txtUserName" name="userName" :placeholder="$t('login_main_user_ph')" autofocus required autocomplete="off" @keyup.enter="loginFunc" /> <i class="fa fa-user"></i> </div> <div class="login_field"> <label>{{$t('login_main_pw')}}</label> <input class="login_field_text" v-model="password" type="text" onfocus="this.type='password'" id="txtPassword" name="password" :placeholder="$t('login_main_pw_ph')" required autocomplete="off" @keyup.enter="loginFunc" /> <i class="fa fa-unlock-alt"></i> </div> <div class="saveCheckbox_box"> <label for="saveCheckbox" ><i :class=" 'fa ' + (isCheckRu ? 'fa-check-square-o' : 'fa-square-o') " ></i >{{$t('login_main_save_user')}}</label > <input type="checkbox" id="saveCheckbox" style="display: none" v-model="isCheckRu" @change="rememberUserEvent" /> <span class="forgetPw" @click="showResetPw" ><i class="fa fa-lock"></i ><span style="margin-left: 5px">{{$t('login_main_forget_user')}}</span></span > </div> <div class="login_form_btn"> <div class="login_btn_area"> <button :style="btnStyle" :class="'loginBtn' + (loginLoading ? ' disabled' : '')" @click="loginFunc" > {{$t('login_main_login_btn')}}<i :hidden="!loginLoading" class="el-icon-loading" ></i> </button> </div> </div> <div class="register_tips"> {{$t('login_main_register1')}} <span @click="goRegisterPage">{{$t('login_main_register2')}}</span> </div> <el-popover v-if="config.appQRcode" class="login_form_appqr" placement="bottom-end" width="190" popper-class="appQRPopper"> <img :src="config.appQRcode"> <span slot="reference" class="login_form_app">{{$t('login_main_download')}}</span> </el-popover> </div> </div> <div id="showCom" class="loginMainBox" :hidden="!(config.isScan && currLoginType == 'scan')" > <div class="login-title">{{$t('login_main_scan_login')}}</div> <div class="login-tip"> <div class="poptip"> <div class="poptip-arrow"> <em></em> <span></span> </div> <div class="poptip-content">{{$t('login_main_pw_text')}}</div> </div> </div> <img @click="changeCom" class="icon-qrcode" :src="comIcon" alt="" /> <div style=" position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); " > <!-- <img id="qrImg" src="./assets/logo.png" width="115px" height="115px" alt > --> <div class="login-error" style="display: none">{{$t('login_main_login_fail')}}</div> <div class="qrcode-img" style="display: none"> <canvas height="130" width="130" style="height: 130px; width: 130px" ></canvas> <div class="qrcode-error"> <p>{{$t('login_main_qr_fail')}}</p> <button type="button" class="refresh">{{$t('login_main_qr_refresh')}}</button> </div> </div> </div> <div class="login-content nc-outer-box" style="display: none"> <div class="qrcode-login"> <div class="qrcode-success"> <!-- <img src="" alt=""/> --> <p>{{$t('login_main_scan_success')}}</p> <h4>{{$t('login_main_scan_text')}}</h4> </div> </div> </div> <div class="qrDesc"> <div> <!-- <img src="" alt="" /> --> </div> <div class="qrDesc_right"> <span> {{$t('login_main_app_text1')}}<a style="color: blue">{{$t('login_main_app_text2')}}</a><br /> {{$t('login_main_app_text3')}}</span > </div> </div> </div> <div id="qrcode"></div> </div> </div> <el-dialog :title="$t('login_main_forget_title')" :visible.sync="isShowResetPw" width="400px" height="350px" :close-on-click-modal="false" @close="cancelResetPw"> <resetPw res="resetPw" @resetCb="cancelResetPw"></resetPw> </el-dialog> <div class="login_ft"> <div class="login_ft_main" id="login_copyright"> {{ this.config.copyright }} </div> </div> </div> </template> <script> import { baseLogin } from "../api/login"; import md5 from "js-md5"; import { projectName } from "../config"; import "font-awesome/css/font-awesome.css"; import comIcon from "../assets/computer.png" import scanIcon from "../assets/qrcode_3.png" import _loginLogoImg from "../assets/Logo1.png" import _loginBgImg from "../assets/background.png" import { setToken, removeToken, getUserId, setUserId, removeUserId, } from "../utils/auth.js"; import resetPw from "../components/resetPw.vue"; export default { components: {resetPw}, data() { return { comIcon: comIcon, scanIcon: scanIcon, username: "", password: "", config: { title: window.customSysCofig?.loginTitle\|\|this.$t('login_main_def_title'), loginLogoImg: window.customSysCofig?.loginLogo\|\|_loginLogoImg, loginLogoImg_height: window.customSysCofig?.loginLogo_h\|\|56, loginLogoImg_width: window.customSysCofig?.loginLogo_w\|\|206, loginBgImg: window.customSysCofig?.loginBgImg\|\|_loginBgImg, copyright: window.customSysCofig?.copyright\|\|this.$t('login_main_def_copyright'), isScan: window.customSysCofig?.isScan\|\|false, mainColor:window.customSysCofig?.mainColor\|\|"#06c", appQRcode:window.customSysCofig?.appQRcode\|\|"", }, currLoginType: "com", rememberUserId: getUserId(), loginLoading: false, isShowResetPw:false, }; }, computed: { btnStyle(){ return { "background-color": this.config.mainColor, }; }, bgStyle() { return { "background-image": "url(" + this.config.loginBgImg + ")", }; }, logoStyle() { return { "background-image": "url(" + this.config.loginLogoImg + ")", height: this.config.loginLogoImg_height + "px", width: this.config.loginLogoImg_width + "px", }; }, isCheckRu() { return !!this.rememberUserId; }, }, created() { if (window.HIVUI_SETTING.isSingleLogin) { let loginUrl = window.HIVUI_SETTING.singleLoginUrl; if (loginUrl.endsWith("=")) { loginUrl = loginUrl + window.HIVUI_SETTING.mainPageUrl.replace(/#\//g, ""); } window.location.href = loginUrl; } }, mounted() { if (this.isCheckRu) { this.username = this.rememberUserId; } }, methods: { loginFunc() { this.defaultLogin(); }, defaultLogin() { /this.$refs.loginForm.validate(valid => { if (valid) {/ if(!this.username.trim()){ this.$message.error(this.$t('login_main_valid_user')); return; }else if(!this.password){ this.$message.error(this.$t('login_main_valid_pw')); return; } removeToken(); this.loginLoading = true; baseLogin({ username: this.username.trim(), password: md5(this.password), }) .then((response) => { const data = response; setToken(data.token); if (this.isCheckRu) { setUserId(this.username); } else { removeUserId(); } if(!window.HIVUI_SETTING.isSingleLogin&&location.hash.indexOf("eapReturnUrl=")!=-1){ location=decodeURIComponent(location.hash.split("eapReturnUrl=")[1]); }else{ location = window.HIVUI_SETTING.mainPageUrl ? window.HIVUI_SETTING.mainPageUrl : "/" + projectName + "/hivuiMain/index.html#/"; } }) .catch((error) => { this.loginLoading = false; }); /} else { console.log("error submit!!"); return false; } });/ }, changeQr() { this.currLoginType = "scan"; }, changeCom() { this.currLoginType = "com"; }, showResetPw() { this.isShowResetPw=true; }, cancelResetPw() { this.isShowResetPw=false; }, rememberUserEvent() { if (this.isCheckRu) { this.rememberUserId = ""; } else { this.rememberUserId = true; } }, goRegisterPage(){ this.$router.push("/register"); }, }, }; </script> <style lang="scss"> { margin: 0; padding: 0; box-sizing: border-box; } a { text-decoration: none; } ul, li { list-style: none; } button { outline: none; border: none; } html, body { height: 100%; width: 100%; background: #fff; } input, body, button { font-family: "Microsoft YaHei", proxima-nova, "Helvetica Neue", arial, helvetica, clean, sans-serif; } body { font-size: 14px; color: #333; } .bg { height: 100%; width: 100%; position: relative; } .login_hd, .login_ft { height: 100px; width: 100%; position: fixed; z-index: 99; left: 0; } .login_hd_main, .login_ft_main { width: 1000px; height: 100%; margin: 0 auto; } .login_hd { top: 0; .login_hd_logo { height: 60px; width: 265px; position: absolute; top: 50px; left: 50px; background: no-repeat; img { height: 80px; width: 80px; margin-right: 90px; margin-top: 10px; float: right; } .login_hd_logo_tip { height: 32px; width: 84px; display: inline-block; padding: 0 20px; font-size: 22px; color: #fff; position: absolute; right: -104px; top: 0; bottom: 0; margin: auto; &:after { content: ""; height: 20px; width: 2px; position: absolute; top: 0; bottom: 0; left: 0px; background-color: #8691a8; margin: auto; } } } } .login_bd { overflow: hidden; min-width: 1210px; position: relative; height: 100%; background-color: #fff; .login_bd_bg { background: no-repeat center center; background-size: 100%; position: absolute; height: 100%; width: 100%; } .login_form { width: 370px; height: 360px; margin: auto; position: absolute; top: 0; left: 40%; right: 0; bottom: 0; background-color: #fff; padding: 1px; z-index: 100; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5); .login_form_hd { color: #333; font-weight: bold; padding: 0 18px; box-sizing: border-box; width: 100%; font-size: 16px; text-align: left; line-height: 44px; height: 44px; border-bottom: 1px solid #ccc; } .login_form_bd { min-height: 231px; height: 100%; position: relative; padding: 24px 40px 0; .login_form_appqr { position: absolute; bottom: 0; right: 40px; .login_form_app, .login_download_app { color: #0190d4; float: right; cursor: pointer; &:hover { color: #0f406c; &i { color: #0f406c; } } } .miniIcon { display: inline-block; height: 16px; width: 16px; background-position: center center; background-size: 100%; margin-left: 20px; vertical-align: middle; &[data-type="app"] { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNGM0JDQ0E0OTc2NTExRUJBNzIxQTZFMjg4NTg2N0FDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNGM0JDQ0E1OTc2NTExRUJBNzIxQTZFMjg4NTg2N0FDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0YzQkNDQTI5NzY1MTFFQkE3MjFBNkUyODg1ODY3QUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0YzQkNDQTM5NzY1MTFFQkE3MjFBNkUyODg1ODY3QUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz65Y/jqAAADAElEQVR42gzOTWgcVRwA8P/7mJmdjzfZ2W6TNM2u3ebSYBNqNSaKiqCgbYUWGi8ebBPwIIrtRewHSNSIoIIIFU2VHop4aMFlPYiVXlI0EinkoEnapKZ1szG7ze52srOzb97Ozjx7/N1+iIfy0jz8PB//EUSog3OE3Auhj/ibhrnLBQlxh3VERe3p5YcP6m+9EKPLN+OPv/d8YXf6IdoCW0T3mRCuipue2qPoYIVqPdC7UlEx20w//iwjd3umSrimqqzs+k4m5m7gqPr4S/T0IX12qeYG7CG9bSxwV0j45pZO0NgUYTqFkOi0UtVAaBfP4idsv1R0jz3Z63nBSlnk0mqrjSILE49i22y3Oa1WNCjSRB32s6DHb6/d/rcwz18+CGeOK9vFf5b+CywK0bbScTok9fT5lkIRh4ln0JvjcHQUpVEj//cjHNTCQmN0TM3p2mod1n2NMWRYHCvJhLcB+/rWzp6AcrG5VNrIDHiFn9Zn54o/FnYslCoTr+z44g07m2oEHkQ1E1ebkMQbky/uDX1477Otwl9ZgJ1fT2WU4X2vPw/PZfunL/isGX973DZKD+RO/2EN9JY4Ogalapjq2339Fxi6s54/ZVfedSpI/rCIZi6L3F59YjxgpnZHGGjknFzc5gdyna8mmY1hasZ3es2Th8Td1cgTRtKK27fw8FNQuLd8MT8oGMCBD3j/+yE5IYffWcnP35IyaEl59XcJ48vmiLj2Z7zZuv3lNZk4WTZOhY99GBDjyHRcb1hmYlUYhRv3gwobHdRMc312beDtyXBwWDn9Te3CnEDOri4VpIyQfUZK2bAV229CnITGUjRktq586ibTGQ4Ppmfold8YdIOju1To1NDQo5/LShV4wA2qEwZlt8pE2gpq5w6v3SiNXJ2Ldu+JE4iLyA4IIJDok1/FpbwM+jQvWtbqmW7L2gyhikBbBMhKzJBDQaFbvJVCnBw70iDXv/toBdOFOnTLRIYGtchM9IbpThkP2U5UHbBoK6aRYmYkfm0/nH+V/C/AALR/bXSBworaAAAAAElFTkSuQmCC"); } &[data-type="desk"] { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJGRUFBRDNFOTc2NTExRUI5OTdGOTE0QkVGODlDRDIwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJGRUFBRDNGOTc2NTExRUI5OTdGOTE0QkVGODlDRDIwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkZFQUFEM0M5NzY1MTFFQjk5N0Y5MTRCRUY4OUNEMjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkZFQUFEM0Q5NzY1MTFFQjk5N0Y5MTRCRUY4OUNEMjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7jOkn1AAABSElEQVR42mL8//8/AymApXzd08fvfv36+58Rh4o///7LCrLZqPCEmQgCuYwMaWeINPv/TGOQDUC8OEkx2kzoHw63MTMxrjv/Yf/Nz1AnATE/JzMjIwMIYwO7rn3iZGWcHCGL0PDt1z9czrj7+qf7xNtAxslKDTMFbiCDCY+jP/3469B7C8J27L318O0vfBpuvfwhUXLpyftfEC7QFQpVl888/AZyEjsLFtdffvodGJRff/07dvcLkCvGy6IrzXnkDpCddmbN2Xf/cYD9Nz+Bwj3tTNOWZxARkA0hM+8JcDH//osSrEBuiau4uSI3hOupww8NpTJ3iXuvf37//Y8J1V3AuNeQ4AA6DMjWk+E0keeCxR9ewJJxFuiei4+/wUVwhtKbL39su28yMTGsz1QG2oCUQnCAE/e+1G58+vrzbzRxRlKTN0CAAQB1Gu32zyWjpAAAAABJRU5ErkJggg=="); } } } .error_tips { position: absolute; line-height: 30px; font-size: 12px; color: #f60000; text-align: center; top: 0; left: 0; right: 0; width: 100%; margin: auto; } .login_field { position: relative; padding-bottom: 20px; label { line-height: 35px; display: block; height: 35px; font-size: 16px; } i { font-size: 20px; color: #aaa; width: 35px; text-align: center; line-height: 40px; height: 40px; position: absolute; top: 35px; left: 0; margin: auto; } .login_field_text { height: 40px; width: 100%; line-height: 40px; border: 1px solid #ccc; border-radius: 5px; background-color: #fff; font-size: 16px; color: #000; padding-left: 35px; box-sizing: border-box; font-family: "Microsoft YaHei", proxima-nova, "Helvetica Neue", arial, helvetica, clean, sans-serif; &::input-placeholder { color: #ccc; } } } .saveCheckbox_box { height: 35px; line-height: 35px; padding-left: 30px; position: relative; top: 0px; label { cursor: pointer; user-select: none; i { font-size: 24px; position: absolute; top: 0; left: 2px; bottom: 0; margin: auto; height: 25px; width: 25px; color: #888; cursor: pointer; text-align: center; } } .occasion { float: right; &:after { content: ""; background: no-repeat; width: 14px; height: 18px; position: absolute; top: 30%; pointer-events: none; right: 1px; } #selectStyle { border: none; outline: none; width: 62px; appearance: none; -webkit-appearance: none; -moz-appearance: none; } } } .forgetPw { float: right; color: #0190d4; cursor: pointer; margin-left: 5px; &:hover { color: #0f406c; i { color: #0f406c; } } } .login_form_btn { font-size: 13px; margin-top: 20px; .loginBtn { /* background-color: #135189; / width: 100%; height: 40px; border: none; border-radius: 5px; color: #fff; font-size: 16px; font-weight: bold; text-align: center; cursor: pointer; display: inline-block; i { margin-left: 5px; } &:hover { filter: brightness(0.8); } &.disabled { background-color: #ccc!important; &:hover { filter: brightness(1); } } } } /二维码/ .qrCodeImg { / position: absolute; / height: 139px; width: 139px; / left:40% !important; right:0 !important; bottom:12%; / margin-top: 10px; margin-left: 85px; z-index: 999; } .register_tips{ padding-top: 15px; font-size: 14px; text-align: center; span{ color:#3486d2; cursor: pointer; } } } .login_form_google { width: 280px; position: absolute; top: 317px; left: 0; bottom: 0; color: #fff; line-height: 20px; text-align: center; font-weight: bold; font-size: 13px; cursor: pointer; user-select: none; & > a { color: #fff; } } .loginMainBox { .login-title { height: 18px; line-height: 18px; font-size: 16px; color: #889aa4; margin-top: 12px; margin-left: 12px; padding-bottom: 8px; font-weight: 700; } .login-tip { position: absolute; top: 10px; right: 68px; display: block; .poptip { background-color: #e6f9fc; line-height: 16px; position: relative; z-index: 9999; border: 1px solid #0073be; padding: 5px 10px; .poptip-arrow { position: absolute; z-index: 10; top: 8px; right: 0; span { position: absolute; width: 0; height: 0; border-color: hsla(0, 0%, 100%, 0); border-style: solid; overflow: hidden; top: 0; left: 0; border-width: 6px 0 6px 6px; border-left-color: #e6f4fc; } em { position: absolute; width: 0; height: 0; border-color: hsla(0, 0%, 100%, 0); border-style: solid; overflow: hidden; top: 0; left: 0; border-width: 6px 0 6px 6px; border-left-color: #0073be; border-right-color: #0073be; } } .poptip-content { font-size: 12px; font-weight: 400; color: #0073be; } } } .qrDesc { font-size: 12px; color: #666; width: 160px; margin: auto; overflow: hidden; line-height: 17px; margin-top: 230px; .qrDesc_right { position: relative; left: 50px; top: -35px; } } .scanMain { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); .qrcode-img { position: relative; margin: 20px auto; font-size: 14px; -webkit-box-shadow: 0 0 8px #ddd; box-shadow: 0 0 8px #ddd; opacity: 1; width: 140px; height: 140px; .qrcode-error { background: hsla(0, 0%, 100%, 0.95); position: absolute; left: 0; top: 0; z-index: 9999; width: 100%; height: 100%; p { font-weight: 700; color: #222; margin-top: 38px; margin-bottom: 8px; text-align: center; } .refresh { background: #f40; width: 110px; height: 34px; line-height: 34px; text-align: center; margin: 0 auto; background: #ff9000; border-color: #ff9000; display: block; color: #fff; border-radius: 3px; font-size: 14px; cursor: pointer; } } canvas { margin: 5px; } } .login-error { text-align: center; color: #222; font-weight: 700; } } /二维码切换登录/ .icon-qrcode { position: absolute; right: 5px; top: 5px; font-size: 52px; line-height: 52px; cursor: pointer; width: 56px; z-index: 999; } .login-content { width: 100%; margin: 0 auto; padding-top: 55px; .qrcode-success { text-align: center; margin-top: 20px; .iconfont { color: #c5c5c5; font-size: 36px; } h4, p { margin-top: 10px; font-size: 14px; } } } } } } .login_ft { bottom: 0; .login_ft_main { line-height: 60px; text-align: center; font-size: 14px; } } /登录对话框*/ .loginDialog { height: 300px; width: 500px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 199; .loginDialog_hd { height: 35px; background-color: #0190d4; position: relative; h2 { height: 35px; line-height: 35px; font-size: 14px; color: #fff; padding: 0 20px; } .loginDialog_remove { position: absolute; top: 0; bottom: 0; right: 5px; height: 20px; width: 20px; background-color: #f30; cursor: pointer; margin: auto; text-align: center; &i { line-height: 20px; font-size: 18px; color: #fff; } &:hover { background-color: #f00; } } } .loginDialog_bd { width: 100%; height: 215px; background-color: #fff; } .loginDialog_ft { height: 50px; width: 100%; border-top: 1px solid #ccc; background-color: #f5f5f5; &:after { content: ""; display: block; clear: both; } button { display: block; padding: 0 12px; font-size: 14px; margin-top: 11px; height: 28px; line-height: 28px; text-align: center; cursor: pointer; color: #333333; background-color: #e9e9e9; float: right; margin-right: 10px; } .loginDialog_confirmBtn { background-color: #5cb85c; color: #fff; &:hover { background-color: #47a447; } } .loginDialog_cancelmBtn:hover { background-color: #ddd; } } } .loginMask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: 0.5; z-index: 198; } #loginMsg { height: 170px; width: 400px; top: 10%; bottom: unset; z-index: 200; .loginDialog_bd { height: 85px; line-height: 85px; padding-left: 20px; font-size: 14px; } } .dropdown { border: 1px solid #bebebe; border-radius: 3px; width: 100px; position: absolute; right: 20px; top: 229px; background: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); z-index: 100; overflow: auto; cursor: default; li { margin: 5px; :hover { background: #0190d4; color: #fff; } &.sceneActive { background: #0190d4; color: #fff; } } } .hideIframe { display: none; } .appQRPopper{ text-align: center; img{ width:150px; } } </style>

Ignore Space Show notes View

project/hivuiLogin/views/index.vue

<template>
  <div class="bg">
    <div class="login_hd">
      <div class="login_hd_logo" :style="logoStyle">
        
      </div>
    </div>
    <div class="login_bd">
      <div class="login_bd_bg" :style="bgStyle"></div>
      <div class="login_form">
        <div id="showQr" class="loginMainBox" :hidden="currLoginType != 'com'">
          <img
            @click="changeQr"
            class="icon-qrcode"
            :src="scanIcon"
            :hidden="!config.isScan"
          />
          <div class="login-tip" :hidden="!config.isScan">
            <div class="poptip">
              <div class="poptip-arrow">
                <em></em>
                <span></span>
              </div>
              <div class="poptip-content">{{$t('hivuiLogin_main_scan_login')}}</div>
            </div>
          </div>
          <div class="login_form_bd">
            <div class="error_tips"></div>
            <input type="hidden" name="directAction" value="" />
            <input type="hidden" name="refererurl" value="" />
            <div class="login_field">
              <label>{{$t('hivuiLogin_main_user')}}</label>
              <input
                class="login_field_text"
                v-model="username"
                type="text"
                id="txtUserName"
                name="userName"
                :placeholder="$t('hivuiLogin_main_user_ph')"
                autofocus
                required
                autocomplete="off"
                @keyup.enter="loginFunc"
              />
              <i class="fa fa-user"></i>
            </div>
            <div class="login_field">
              <label>{{$t('hivuiLogin_main_pw')}}</label>
              <input
                class="login_field_text"
                v-model="password"
                type="text"
                onfocus="this.type='password'"
                id="txtPassword"
                name="password"
                :placeholder="$t('hivuiLogin_main_pw_ph')"
                required
                autocomplete="off"
                @keyup.enter="loginFunc"
              />
              <i class="fa fa-unlock-alt"></i>
            </div>
            <div class="saveCheckbox_box">
              <label for="saveCheckbox"
                ><i
                  :class="
                    'fa ' + (isCheckRu ? 'fa-check-square-o' : 'fa-square-o')
                  "
                ></i
                >{{$t('hivuiLogin_main_save_user')}}</label
              >
              <input
                type="checkbox"
                id="saveCheckbox"
                style="display: none"
                v-model="isCheckRu"
                @change="rememberUserEvent"
              />
              <span class="forgetPw" @click="showResetPw"
                ><i class="fa fa-lock"></i
                ><span style="margin-left: 5px">{{$t('hivuiLogin_main_forget_user')}}</span></span
              >
            </div>
            <div class="login_form_btn">
              <div class="login_btn_area">
                <button
                  :style="btnStyle"
                  :class="'loginBtn' + (loginLoading ? ' disabled' : '')"
                  @click="loginFunc"
                >
                  {{$t('hivuiLogin_main_login_btn')}}<i
                    :hidden="!loginLoading"
                    class="el-icon-loading"
                  ></i>
                </button>
              </div>
            </div>
            
            <div class="register_tips">
              {{$t('hivuiLogin_main_register1')}}
              <span @click="goRegisterPage">{{$t('hivuiLogin_main_register2')}}</span>
            </div>

<el-popover v-if="config.appQRcode" class="login_form_appqr" placement="bottom-end" width="190" popper-class="appQRPopper">
              <img :src="config.appQRcode">
              <span slot="reference" class="login_form_app">{{$t('hivuiLogin_main_download')}}</span>
            </el-popover>
          </div>
        </div>
        <div
          id="showCom"
          class="loginMainBox"
          :hidden="!(config.isScan && currLoginType == 'scan')"
        >
          <div class="login-title">{{$t('hivuiLogin_main_scan_login')}}</div>
          <div class="login-tip">
            <div class="poptip">
              <div class="poptip-arrow">
                <em></em>
                <span></span>
              </div>
              <div class="poptip-content">{{$t('hivuiLogin_main_pw_text')}}</div>
            </div>
          </div>
          <img @click="changeCom" class="icon-qrcode" :src="comIcon" alt="" />
          <div
            style="
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
            "
          >
            
            <div class="login-error" style="display: none">{{$t('hivuiLogin_main_login_fail')}}</div>
            <div class="qrcode-img" style="display: none">
              <canvas
                height="130"
                width="130"
                style="height: 130px; width: 130px"
              ></canvas>
              <div class="qrcode-error">
                <p>{{$t('hivuiLogin_main_qr_fail')}}</p>
                <button type="button" class="refresh">{{$t('hivuiLogin_main_qr_refresh')}}</button>
              </div>
            </div>
          </div>
          <div class="login-content nc-outer-box" style="display: none">
            <div class="qrcode-login">
              <div class="qrcode-success">
                
                <p>{{$t('hivuiLogin_main_scan_success')}}</p>
                <h4>{{$t('hivuiLogin_main_scan_text')}}</h4>
              </div>
            </div>
          </div>
          <div class="qrDesc">
            <div>
              
            </div>
            <div class="qrDesc_right">
              <span>
                {{$t('hivuiLogin_main_app_text1')}}<a style="color: blue">{{$t('hivuiLogin_main_app_text2')}}</a><br />
                {{$t('hivuiLogin_main_app_text3')}}</span
              >
            </div>
          </div>
        </div>
        <div id="qrcode"></div>
      </div>
    </div>
    <el-dialog :title="$t('hivuiLogin_main_forget_title')" :visible.sync="isShowResetPw" width="400px" height="350px" :close-on-click-modal="false" @close="cancelResetPw">
      <resetPw res="resetPw" @resetCb="cancelResetPw"></resetPw>
    </el-dialog>
    <div class="login_ft">
      <div class="login_ft_main" id="login_copyright">
        {{ this.config.copyright }}
      </div>
    </div>
  </div>
</template>
<script>
import { baseLogin } from "../api/login";
import md5 from "js-md5";
import { projectName } from "../config";
import "font-awesome/css/font-awesome.css";
import comIcon from "../assets/computer.png"
import scanIcon from "../assets/qrcode_3.png"
import _loginLogoImg from "../assets/Logo1.png"
import _loginBgImg from "../assets/background.png"
import {
  setToken,
  removeToken,
  getUserId,
  setUserId,
  removeUserId,
} from "../utils/auth.js";

import resetPw from "../components/resetPw.vue";
export default {
  components: {resetPw},
  data() {
    return {
      comIcon: comIcon,
      scanIcon: scanIcon,
      username: "",
      password: "",
      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,
        loginBgImg: window.customSysCofig?.loginBgImg||_loginBgImg,
        copyright: window.customSysCofig?.copyright||this.$t('hivuiLogin_main_def_copyright'),
        isScan: window.customSysCofig?.isScan||false,
        mainColor:window.customSysCofig?.mainColor||"#06c",
        appQRcode:window.customSysCofig?.appQRcode||"",
      },
      currLoginType: "com",
      rememberUserId: getUserId(),
      loginLoading: false,
      
      isShowResetPw:false,
    };
  },
  computed: {
    btnStyle(){
      return {
        "background-color": this.config.mainColor,
      };
    },
    bgStyle() {
      return {
        "background-image": "url(" + this.config.loginBgImg + ")",
      };
    },
    logoStyle() {
      return {
        "background-image": "url(" + this.config.loginLogoImg + ")",
        height: this.config.loginLogoImg_height + "px",
        width: this.config.loginLogoImg_width + "px",
      };
    },
    isCheckRu() {
      return !!this.rememberUserId;
    },
  },
  created() {
    if (window.HIVUI_SETTING.isSingleLogin) {
        let loginUrl = window.HIVUI_SETTING.singleLoginUrl;
        if (loginUrl.endsWith("=")) {
          loginUrl = loginUrl + window.HIVUI_SETTING.mainPageUrl.replace(/#\//g, "");
      }
      window.location.href = loginUrl;
    }
  },
  mounted() {
    if (this.isCheckRu) {
      this.username = this.rememberUserId;
    }
  },
  methods: {
    loginFunc() {
      this.defaultLogin();
    },
    defaultLogin() {
      /*this.$refs.loginForm.validate(valid => {
                if (valid) {*/
      if(!this.username.trim()){
        this.$message.error(this.$t('hivuiLogin_main_valid_user'));
        return;
      }else if(!this.password){
        this.$message.error(this.$t('hivuiLogin_main_valid_pw'));
        return;
      }
      removeToken();
      this.loginLoading = true;
      baseLogin({
        username: this.username.trim(),
        password: md5(this.password),
      })
        .then((response) => {
          const data = response;
          setToken(data.token);
          if (this.isCheckRu) {
            setUserId(this.username);
          } else {
            removeUserId();
          }
          if(!window.HIVUI_SETTING.isSingleLogin&&location.hash.indexOf("eapReturnUrl=")!=-1){
            location=decodeURIComponent(location.hash.split("eapReturnUrl=")[1]);
          }else{
            location = window.HIVUI_SETTING.mainPageUrl
            ? window.HIVUI_SETTING.mainPageUrl
            : "/" + projectName + "/hivuiMain/index.html#/";
          }
        })
        .catch((error) => {
          this.loginLoading = false;
        });
      /*} else {
                    console.log("error submit!!");
                    return false;
                }
            });*/
    },
    changeQr() {
      this.currLoginType = "scan";
    },
    changeCom() {
      this.currLoginType = "com";
    },
    
    showResetPw() {
      this.isShowResetPw=true;
    },
    cancelResetPw() {
      this.isShowResetPw=false;
    },
    rememberUserEvent() {
      if (this.isCheckRu) {
        this.rememberUserId = "";
      } else {
        this.rememberUserId = true;
      }
    },
		goRegisterPage(){
			this.$router.push("/register");
		},
  },
};
</script>
<style lang="scss">
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  text-decoration: none;
}
ul,
li {
  list-style: none;
}
button {
  outline: none;
  border: none;
}
html,
body {
  height: 100%;
  width: 100%;
  background: #fff;
}
input,
body,
button {
  font-family: "Microsoft YaHei", proxima-nova, "Helvetica Neue", arial,
    helvetica, clean, sans-serif;
}
body {
  font-size: 14px;
  color: #333;
}
.bg {
  height: 100%;
  width: 100%;
  position: relative;
}
.login_hd,
.login_ft {
  height: 100px;
  width: 100%;
  position: fixed;
  z-index: 99;
  left: 0;
}
.login_hd_main,
.login_ft_main {
  width: 1000px;
  height: 100%;
  margin: 0 auto;
}
.login_hd {
  top: 0;
  .login_hd_logo {
    height: 60px;
    width: 265px;
    position: absolute;
    top: 50px;
    left: 50px;
    background: no-repeat;
    img {
      height: 80px;
      width: 80px;
      margin-right: 90px;
      margin-top: 10px;
      float: right;
    }
    .login_hd_logo_tip {
      height: 32px;
      width: 84px;
      display: inline-block;
      padding: 0 20px;
      font-size: 22px;
      color: #fff;
      position: absolute;
      right: -104px;
      top: 0;
      bottom: 0;
      margin: auto;
      &:after {
        content: "";
        height: 20px;
        width: 2px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0px;
        background-color: #8691a8;
        margin: auto;
      }
    }
  }
}
.login_bd {
  overflow: hidden;
  min-width: 1210px;
  position: relative;
  height: 100%;
  background-color: #fff;
  .login_bd_bg {
    background: no-repeat center center;
    background-size: 100%;
    position: absolute;
    height: 100%;
    width: 100%;
  }
  .login_form {
    width: 370px;
    height: 360px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 40%;
    right: 0;
    bottom: 0;
    background-color: #fff;
    padding: 1px;
    z-index: 100;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
    .login_form_hd {
      color: #333;
      font-weight: bold;
      padding: 0 18px;
      box-sizing: border-box;
      width: 100%;
      font-size: 16px;
      text-align: left;
      line-height: 44px;
      height: 44px;
      border-bottom: 1px solid #ccc;
    }
    .login_form_bd {
      min-height: 231px;
      height: 100%;
      position: relative;
      padding: 24px 40px 0;
      .login_form_appqr {
        position: absolute;
        bottom: 0;
        right: 40px;
        .login_form_app,
        .login_download_app {
          color: #0190d4;
          float: right;
          cursor: pointer;
          &:hover {
            color: #0f406c;
            &i {
              color: #0f406c;
            }
          }
        }
        .miniIcon {
          display: inline-block;
          height: 16px;
          width: 16px;
          background-position: center center;
          background-size: 100%;
          margin-left: 20px;
          vertical-align: middle;
          &[data-type="app"] {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNGM0JDQ0E0OTc2NTExRUJBNzIxQTZFMjg4NTg2N0FDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNGM0JDQ0E1OTc2NTExRUJBNzIxQTZFMjg4NTg2N0FDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0YzQkNDQTI5NzY1MTFFQkE3MjFBNkUyODg1ODY3QUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0YzQkNDQTM5NzY1MTFFQkE3MjFBNkUyODg1ODY3QUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz65Y/jqAAADAElEQVR42gzOTWgcVRwA8P/7mJmdjzfZ2W6TNM2u3ebSYBNqNSaKiqCgbYUWGi8ebBPwIIrtRewHSNSIoIIIFU2VHop4aMFlPYiVXlI0EinkoEnapKZ1szG7ze52srOzb97Ozjx7/N1+iIfy0jz8PB//EUSog3OE3Auhj/ibhrnLBQlxh3VERe3p5YcP6m+9EKPLN+OPv/d8YXf6IdoCW0T3mRCuipue2qPoYIVqPdC7UlEx20w//iwjd3umSrimqqzs+k4m5m7gqPr4S/T0IX12qeYG7CG9bSxwV0j45pZO0NgUYTqFkOi0UtVAaBfP4idsv1R0jz3Z63nBSlnk0mqrjSILE49i22y3Oa1WNCjSRB32s6DHb6/d/rcwz18+CGeOK9vFf5b+CywK0bbScTok9fT5lkIRh4ln0JvjcHQUpVEj//cjHNTCQmN0TM3p2mod1n2NMWRYHCvJhLcB+/rWzp6AcrG5VNrIDHiFn9Zn54o/FnYslCoTr+z44g07m2oEHkQ1E1ebkMQbky/uDX1477Otwl9ZgJ1fT2WU4X2vPw/PZfunL/isGX973DZKD+RO/2EN9JY4Ogalapjq2339Fxi6s54/ZVfedSpI/rCIZi6L3F59YjxgpnZHGGjknFzc5gdyna8mmY1hasZ3es2Th8Td1cgTRtKK27fw8FNQuLd8MT8oGMCBD3j/+yE5IYffWcnP35IyaEl59XcJ48vmiLj2Z7zZuv3lNZk4WTZOhY99GBDjyHRcb1hmYlUYhRv3gwobHdRMc312beDtyXBwWDn9Te3CnEDOri4VpIyQfUZK2bAV229CnITGUjRktq586ibTGQ4Ppmfold8YdIOju1To1NDQo5/LShV4wA2qEwZlt8pE2gpq5w6v3SiNXJ2Ldu+JE4iLyA4IIJDok1/FpbwM+jQvWtbqmW7L2gyhikBbBMhKzJBDQaFbvJVCnBw70iDXv/toBdOFOnTLRIYGtchM9IbpThkP2U5UHbBoK6aRYmYkfm0/nH+V/C/AALR/bXSBworaAAAAAElFTkSuQmCC");
          }
          &[data-type="desk"] {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJGRUFBRDNFOTc2NTExRUI5OTdGOTE0QkVGODlDRDIwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJGRUFBRDNGOTc2NTExRUI5OTdGOTE0QkVGODlDRDIwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkZFQUFEM0M5NzY1MTFFQjk5N0Y5MTRCRUY4OUNEMjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkZFQUFEM0Q5NzY1MTFFQjk5N0Y5MTRCRUY4OUNEMjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7jOkn1AAABSElEQVR42mL8//8/AymApXzd08fvfv36+58Rh4o///7LCrLZqPCEmQgCuYwMaWeINPv/TGOQDUC8OEkx2kzoHw63MTMxrjv/Yf/Nz1AnATE/JzMjIwMIYwO7rn3iZGWcHCGL0PDt1z9czrj7+qf7xNtAxslKDTMFbiCDCY+jP/3469B7C8J27L318O0vfBpuvfwhUXLpyftfEC7QFQpVl888/AZyEjsLFtdffvodGJRff/07dvcLkCvGy6IrzXnkDpCddmbN2Xf/cYD9Nz+Bwj3tTNOWZxARkA0hM+8JcDH//osSrEBuiau4uSI3hOupww8NpTJ3iXuvf37//Y8J1V3AuNeQ4AA6DMjWk+E0keeCxR9ewJJxFuiei4+/wUVwhtKbL39su28yMTGsz1QG2oCUQnCAE/e+1G58+vrzbzRxRlKTN0CAAQB1Gu32zyWjpAAAAABJRU5ErkJggg==");
          }
        }
      }
      .error_tips {
        position: absolute;
        line-height: 30px;
        font-size: 12px;
        color: #f60000;
        text-align: center;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        margin: auto;
      }
      .login_field {
        position: relative;
        padding-bottom: 20px;
        label {
          line-height: 35px;
          display: block;
          height: 35px;
          font-size: 16px;
        }
        i {
          font-size: 20px;
          color: #aaa;
          width: 35px;
          text-align: center;
          line-height: 40px;
          height: 40px;
          position: absolute;
          top: 35px;
          left: 0;
          margin: auto;
        }
        .login_field_text {
          height: 40px;
          width: 100%;
          line-height: 40px;
          border: 1px solid #ccc;
          border-radius: 5px;
          background-color: #fff;
          font-size: 16px;
          color: #000;
          padding-left: 35px;
          box-sizing: border-box;
          font-family: "Microsoft YaHei", proxima-nova, "Helvetica Neue", arial,
            helvetica, clean, sans-serif;
          &::input-placeholder {
            color: #ccc;
          }
        }
      }
      .saveCheckbox_box {
        height: 35px;
        line-height: 35px;
        padding-left: 30px;
        position: relative;
        top: 0px;
        label {
          cursor: pointer;
          user-select: none;
          i {
            font-size: 24px;
            position: absolute;
            top: 0;
            left: 2px;
            bottom: 0;
            margin: auto;
            height: 25px;
            width: 25px;
            color: #888;
            cursor: pointer;
            text-align: center;
          }
        }
        .occasion {
          float: right;
          &:after {
            content: "";
            background: no-repeat;
            width: 14px;
            height: 18px;
            position: absolute;
            top: 30%;
            pointer-events: none;
            right: 1px;
          }
          #selectStyle {
            border: none;
            outline: none;
            width: 62px;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
          }
        }
      }
      .forgetPw {
        float: right;
        color: #0190d4;
        cursor: pointer;
        margin-left: 5px;
        &:hover {
          color: #0f406c;
          i {
            color: #0f406c;
          }
        }
      }
      .login_form_btn {
        font-size: 13px;
        margin-top: 20px;
        .loginBtn {
          /* background-color: #135189; */
          width: 100%;
          height: 40px;
          border: none;
          border-radius: 5px;
          color: #fff;
          font-size: 16px;
          font-weight: bold;
          text-align: center;
          cursor: pointer;
          display: inline-block;
          i {
            margin-left: 5px;
          }
          &:hover {
            filter: brightness(0.8);
          }
          &.disabled {
            background-color: #ccc!important;
            &:hover {
              filter: brightness(1);
            }
          }
        }
      }
      /*二维码*/
      .qrCodeImg {
        /* position: absolute; */
        height: 139px;
        width: 139px;
        /* left:40% !important;
                right:0 !important;
                bottom:12%; */
        margin-top: 10px;
        margin-left: 85px;
        z-index: 999;
      }
      .register_tips{
        padding-top: 15px;
        font-size: 14px;
        text-align: center;
        span{
          color:#3486d2;
          cursor: pointer;
        }
      }
    }
    .login_form_google {
      width: 280px;
      position: absolute;
      top: 317px;
      left: 0;
      bottom: 0;
      color: #fff;
      line-height: 20px;
      text-align: center;
      font-weight: bold;
      font-size: 13px;
      cursor: pointer;
      user-select: none;
      & > a {
        color: #fff;
      }
    }
    .loginMainBox {
      .login-title {
        height: 18px;
        line-height: 18px;
        font-size: 16px;
        color: #889aa4;
        margin-top: 12px;
        margin-left: 12px;
        padding-bottom: 8px;
        font-weight: 700;
      }
      .login-tip {
        position: absolute;
        top: 10px;
        right: 68px;
        display: block;
        .poptip {
          background-color: #e6f9fc;
          line-height: 16px;
          position: relative;
          z-index: 9999;
          border: 1px solid #0073be;
          padding: 5px 10px;
          .poptip-arrow {
            position: absolute;
            z-index: 10;
            top: 8px;
            right: 0;
            span {
              position: absolute;
              width: 0;
              height: 0;
              border-color: hsla(0, 0%, 100%, 0);
              border-style: solid;
              overflow: hidden;
              top: 0;
              left: 0;
              border-width: 6px 0 6px 6px;
              border-left-color: #e6f4fc;
            }
            em {
              position: absolute;
              width: 0;
              height: 0;
              border-color: hsla(0, 0%, 100%, 0);
              border-style: solid;
              overflow: hidden;
              top: 0;
              left: 0;
              border-width: 6px 0 6px 6px;
              border-left-color: #0073be;
              border-right-color: #0073be;
            }
          }
          .poptip-content {
            font-size: 12px;
            font-weight: 400;
            color: #0073be;
          }
        }
      }
      .qrDesc {
        font-size: 12px;
        color: #666;
        width: 160px;
        margin: auto;
        overflow: hidden;
        line-height: 17px;
        margin-top: 230px;
        .qrDesc_right {
          position: relative;
          left: 50px;
          top: -35px;
        }
      }
      .scanMain {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        .qrcode-img {
          position: relative;
          margin: 20px auto;
          font-size: 14px;
          -webkit-box-shadow: 0 0 8px #ddd;
          box-shadow: 0 0 8px #ddd;
          opacity: 1;
          width: 140px;
          height: 140px;
          .qrcode-error {
            background: hsla(0, 0%, 100%, 0.95);
            position: absolute;
            left: 0;
            top: 0;
            z-index: 9999;
            width: 100%;
            height: 100%;
            p {
              font-weight: 700;
              color: #222;
              margin-top: 38px;
              margin-bottom: 8px;
              text-align: center;
            }
            .refresh {
              background: #f40;
              width: 110px;
              height: 34px;
              line-height: 34px;
              text-align: center;
              margin: 0 auto;
              background: #ff9000;
              border-color: #ff9000;
              display: block;
              color: #fff;
              border-radius: 3px;
              font-size: 14px;
              cursor: pointer;
            }
          }
          canvas {
            margin: 5px;
          }
        }
        .login-error {
          text-align: center;
          color: #222;
          font-weight: 700;
        }
      }
      /*二维码切换登录*/
      .icon-qrcode {
        position: absolute;
        right: 5px;
        top: 5px;
        font-size: 52px;
        line-height: 52px;
        cursor: pointer;
        width: 56px;
        z-index: 999;
      }

.login-content {
        width: 100%;
        margin: 0 auto;
        padding-top: 55px;
        .qrcode-success {
          text-align: center;
          margin-top: 20px;
          .iconfont {
            color: #c5c5c5;
            font-size: 36px;
          }
          h4,
          p {
            margin-top: 10px;
            font-size: 14px;
          }
        }
      }
    }
  }
}
.login_ft {
  bottom: 0;
  .login_ft_main {
    line-height: 60px;
    text-align: center;
    font-size: 14px;
  }
}
/*登录对话框*/
.loginDialog {
  height: 300px;
  width: 500px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 199;
  .loginDialog_hd {
    height: 35px;
    background-color: #0190d4;
    position: relative;
    h2 {
      height: 35px;
      line-height: 35px;
      font-size: 14px;
      color: #fff;
      padding: 0 20px;
    }
    .loginDialog_remove {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 5px;
      height: 20px;
      width: 20px;
      background-color: #f30;
      cursor: pointer;
      margin: auto;
      text-align: center;
      &i {
        line-height: 20px;
        font-size: 18px;
        color: #fff;
      }
      &:hover {
        background-color: #f00;
      }
    }
  }
  .loginDialog_bd {
    width: 100%;
    height: 215px;
    background-color: #fff;
  }
  .loginDialog_ft {
    height: 50px;
    width: 100%;
    border-top: 1px solid #ccc;
    background-color: #f5f5f5;
    &:after {
      content: "";
      display: block;
      clear: both;
    }
    button {
      display: block;
      padding: 0 12px;
      font-size: 14px;
      margin-top: 11px;
      height: 28px;
      line-height: 28px;
      text-align: center;
      cursor: pointer;
      color: #333333;
      background-color: #e9e9e9;
      float: right;
      margin-right: 10px;
    }
    .loginDialog_confirmBtn {
      background-color: #5cb85c;
      color: #fff;
      &:hover {
        background-color: #47a447;
      }
    }
    .loginDialog_cancelmBtn:hover {
      background-color: #ddd;
    }
  }
}
.loginMask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.5;
  z-index: 198;
}
#loginMsg {
  height: 170px;
  width: 400px;
  top: 10%;
  bottom: unset;
  z-index: 200;
  .loginDialog_bd {
    height: 85px;
    line-height: 85px;
    padding-left: 20px;
    font-size: 14px;
  }
}
.dropdown {
  border: 1px solid #bebebe;
  border-radius: 3px;
  width: 100px;
  position: absolute;
  right: 20px;
  top: 229px;
  background: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  z-index: 100;
  overflow: auto;
  cursor: default;
  li {
    margin: 5px;
    :hover {
      background: #0190d4;
      color: #fff;
    }
    &.sceneActive {
      background: #0190d4;
      color: #fff;
    }
  }
}
.hideIframe {
  display: none;
}
.appQRPopper{
  text-align: center;
  img{
    width:150px;
  }
}
</style>

<template>
  <div class="bg">
    <div class="login_hd">
      <div class="login_hd_logo" :style="logoStyle">
        
      </div>
    </div>
    <div class="login_bd">
      <div class="login_bd_bg" :style="bgStyle"></div>
      <div class="login_form">
        <div id="showQr" class="loginMainBox" :hidden="currLoginType != 'com'">
          <img
            @click="changeQr"
            class="icon-qrcode"
            :src="scanIcon"
            :hidden="!config.isScan"
          />
          <div class="login-tip" :hidden="!config.isScan">
            <div class="poptip">
              <div class="poptip-arrow">
                <em></em>
                <span></span>
              </div>
              <div class="poptip-content">{{$t('login_main_scan_login')}}</div>
            </div>
          </div>
          <div class="login_form_bd">
            <div class="error_tips"></div>
            <input type="hidden" name="directAction" value="" />
            <input type="hidden" name="refererurl" value="" />
            <div class="login_field">
              <label>{{$t('login_main_user')}}</label>
              <input
                class="login_field_text"
                v-model="username"
                type="text"
                id="txtUserName"
                name="userName"
                :placeholder="$t('login_main_user_ph')"
                autofocus
                required
                autocomplete="off"
                @keyup.enter="loginFunc"
              />
              <i class="fa fa-user"></i>
            </div>
            <div class="login_field">
              <label>{{$t('login_main_pw')}}</label>
              <input
                class="login_field_text"
                v-model="password"
                type="text"
                onfocus="this.type='password'"
                id="txtPassword"
                name="password"
                :placeholder="$t('login_main_pw_ph')"
                required
                autocomplete="off"
                @keyup.enter="loginFunc"
              />
              <i class="fa fa-unlock-alt"></i>
            </div>
            <div class="saveCheckbox_box">
              <label for="saveCheckbox"
                ><i
                  :class="
                    'fa ' + (isCheckRu ? 'fa-check-square-o' : 'fa-square-o')
                  "
                ></i
                >{{$t('login_main_save_user')}}</label
              >
              <input
                type="checkbox"
                id="saveCheckbox"
                style="display: none"
                v-model="isCheckRu"
                @change="rememberUserEvent"
              />
              <span class="forgetPw" @click="showResetPw"
                ><i class="fa fa-lock"></i
                ><span style="margin-left: 5px">{{$t('login_main_forget_user')}}</span></span
              >
            </div>
            <div class="login_form_btn">
              <div class="login_btn_area">
                <button
                  :style="btnStyle"
                  :class="'loginBtn' + (loginLoading ? ' disabled' : '')"
                  @click="loginFunc"
                >
                  {{$t('login_main_login_btn')}}<i
                    :hidden="!loginLoading"
                    class="el-icon-loading"
                  ></i>
                </button>
              </div>
            </div>
            
            <div class="register_tips">
              {{$t('login_main_register1')}}
              <span @click="goRegisterPage">{{$t('login_main_register2')}}</span>
            </div>

<el-popover v-if="config.appQRcode" class="login_form_appqr" placement="bottom-end" width="190" popper-class="appQRPopper">
              <img :src="config.appQRcode">
              <span slot="reference" class="login_form_app">{{$t('login_main_download')}}</span>
            </el-popover>
          </div>
        </div>
        <div
          id="showCom"
          class="loginMainBox"
          :hidden="!(config.isScan && currLoginType == 'scan')"
        >
          <div class="login-title">{{$t('login_main_scan_login')}}</div>
          <div class="login-tip">
            <div class="poptip">
              <div class="poptip-arrow">
                <em></em>
                <span></span>
              </div>
              <div class="poptip-content">{{$t('login_main_pw_text')}}</div>
            </div>
          </div>
          <img @click="changeCom" class="icon-qrcode" :src="comIcon" alt="" />
          <div
            style="
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
            "
          >
            
            <div class="login-error" style="display: none">{{$t('login_main_login_fail')}}</div>
            <div class="qrcode-img" style="display: none">
              <canvas
                height="130"
                width="130"
                style="height: 130px; width: 130px"
              ></canvas>
              <div class="qrcode-error">
                <p>{{$t('login_main_qr_fail')}}</p>
                <button type="button" class="refresh">{{$t('login_main_qr_refresh')}}</button>
              </div>
            </div>
          </div>
          <div class="login-content nc-outer-box" style="display: none">
            <div class="qrcode-login">
              <div class="qrcode-success">
                
                <p>{{$t('login_main_scan_success')}}</p>
                <h4>{{$t('login_main_scan_text')}}</h4>
              </div>
            </div>
          </div>
          <div class="qrDesc">
            <div>
              
            </div>
            <div class="qrDesc_right">
              <span>
                {{$t('login_main_app_text1')}}<a style="color: blue">{{$t('login_main_app_text2')}}</a><br />
                {{$t('login_main_app_text3')}}</span
              >
            </div>
          </div>
        </div>
        <div id="qrcode"></div>
      </div>
    </div>
    <el-dialog :title="$t('login_main_forget_title')" :visible.sync="isShowResetPw" width="400px" height="350px" :close-on-click-modal="false" @close="cancelResetPw">
      <resetPw res="resetPw" @resetCb="cancelResetPw"></resetPw>
    </el-dialog>
    <div class="login_ft">
      <div class="login_ft_main" id="login_copyright">
        {{ this.config.copyright }}
      </div>
    </div>
  </div>
</template>
<script>
import { baseLogin } from "../api/login";
import md5 from "js-md5";
import { projectName } from "../config";
import "font-awesome/css/font-awesome.css";
import comIcon from "../assets/computer.png"
import scanIcon from "../assets/qrcode_3.png"
import _loginLogoImg from "../assets/Logo1.png"
import _loginBgImg from "../assets/background.png"
import {
  setToken,
  removeToken,
  getUserId,
  setUserId,
  removeUserId,
} from "../utils/auth.js";

import resetPw from "../components/resetPw.vue";
export default {
  components: {resetPw},
  data() {
    return {
      comIcon: comIcon,
      scanIcon: scanIcon,
      username: "",
      password: "",
      config: {
        title: window.customSysCofig?.loginTitle||this.$t('login_main_def_title'),
        loginLogoImg: window.customSysCofig?.loginLogo||_loginLogoImg,
        loginLogoImg_height: window.customSysCofig?.loginLogo_h||56,
        loginLogoImg_width: window.customSysCofig?.loginLogo_w||206,
        loginBgImg: window.customSysCofig?.loginBgImg||_loginBgImg,
        copyright: window.customSysCofig?.copyright||this.$t('login_main_def_copyright'),
        isScan: window.customSysCofig?.isScan||false,
        mainColor:window.customSysCofig?.mainColor||"#06c",
        appQRcode:window.customSysCofig?.appQRcode||"",
      },
      currLoginType: "com",
      rememberUserId: getUserId(),
      loginLoading: false,
      
      isShowResetPw:false,
    };
  },
  computed: {
    btnStyle(){
      return {
        "background-color": this.config.mainColor,
      };
    },
    bgStyle() {
      return {
        "background-image": "url(" + this.config.loginBgImg + ")",
      };
    },
    logoStyle() {
      return {
        "background-image": "url(" + this.config.loginLogoImg + ")",
        height: this.config.loginLogoImg_height + "px",
        width: this.config.loginLogoImg_width + "px",
      };
    },
    isCheckRu() {
      return !!this.rememberUserId;
    },
  },
  created() {
    if (window.HIVUI_SETTING.isSingleLogin) {
        let loginUrl = window.HIVUI_SETTING.singleLoginUrl;
        if (loginUrl.endsWith("=")) {
          loginUrl = loginUrl + window.HIVUI_SETTING.mainPageUrl.replace(/#\//g, "");
      }
      window.location.href = loginUrl;
    }
  },
  mounted() {
    if (this.isCheckRu) {
      this.username = this.rememberUserId;
    }
  },
  methods: {
    loginFunc() {
      this.defaultLogin();
    },
    defaultLogin() {
      /*this.$refs.loginForm.validate(valid => {
                if (valid) {*/
      if(!this.username.trim()){
        this.$message.error(this.$t('login_main_valid_user'));
        return;
      }else if(!this.password){
        this.$message.error(this.$t('login_main_valid_pw'));
        return;
      }
      removeToken();
      this.loginLoading = true;
      baseLogin({
        username: this.username.trim(),
        password: md5(this.password),
      })
        .then((response) => {
          const data = response;
          setToken(data.token);
          if (this.isCheckRu) {
            setUserId(this.username);
          } else {
            removeUserId();
          }
          if(!window.HIVUI_SETTING.isSingleLogin&&location.hash.indexOf("eapReturnUrl=")!=-1){
            location=decodeURIComponent(location.hash.split("eapReturnUrl=")[1]);
          }else{
            location = window.HIVUI_SETTING.mainPageUrl
            ? window.HIVUI_SETTING.mainPageUrl
            : "/" + projectName + "/hivuiMain/index.html#/";
          }
        })
        .catch((error) => {
          this.loginLoading = false;
        });
      /*} else {
                    console.log("error submit!!");
                    return false;
                }
            });*/
    },
    changeQr() {
      this.currLoginType = "scan";
    },
    changeCom() {
      this.currLoginType = "com";
    },
    
    showResetPw() {
      this.isShowResetPw=true;
    },
    cancelResetPw() {
      this.isShowResetPw=false;
    },
    rememberUserEvent() {
      if (this.isCheckRu) {
        this.rememberUserId = "";
      } else {
        this.rememberUserId = true;
      }
    },
		goRegisterPage(){
			this.$router.push("/register");
		},
  },
};
</script>
<style lang="scss">
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  text-decoration: none;
}
ul,
li {
  list-style: none;
}
button {
  outline: none;
  border: none;
}
html,
body {
  height: 100%;
  width: 100%;
  background: #fff;
}
input,
body,
button {
  font-family: "Microsoft YaHei", proxima-nova, "Helvetica Neue", arial,
    helvetica, clean, sans-serif;
}
body {
  font-size: 14px;
  color: #333;
}
.bg {
  height: 100%;
  width: 100%;
  position: relative;
}
.login_hd,
.login_ft {
  height: 100px;
  width: 100%;
  position: fixed;
  z-index: 99;
  left: 0;
}
.login_hd_main,
.login_ft_main {
  width: 1000px;
  height: 100%;
  margin: 0 auto;
}
.login_hd {
  top: 0;
  .login_hd_logo {
    height: 60px;
    width: 265px;
    position: absolute;
    top: 50px;
    left: 50px;
    background: no-repeat;
    img {
      height: 80px;
      width: 80px;
      margin-right: 90px;
      margin-top: 10px;
      float: right;
    }
    .login_hd_logo_tip {
      height: 32px;
      width: 84px;
      display: inline-block;
      padding: 0 20px;
      font-size: 22px;
      color: #fff;
      position: absolute;
      right: -104px;
      top: 0;
      bottom: 0;
      margin: auto;
      &:after {
        content: "";
        height: 20px;
        width: 2px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0px;
        background-color: #8691a8;
        margin: auto;
      }
    }
  }
}
.login_bd {
  overflow: hidden;
  min-width: 1210px;
  position: relative;
  height: 100%;
  background-color: #fff;
  .login_bd_bg {
    background: no-repeat center center;
    background-size: 100%;
    position: absolute;
    height: 100%;
    width: 100%;
  }
  .login_form {
    width: 370px;
    height: 360px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 40%;
    right: 0;
    bottom: 0;
    background-color: #fff;
    padding: 1px;
    z-index: 100;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
    .login_form_hd {
      color: #333;
      font-weight: bold;
      padding: 0 18px;
      box-sizing: border-box;
      width: 100%;
      font-size: 16px;
      text-align: left;
      line-height: 44px;
      height: 44px;
      border-bottom: 1px solid #ccc;
    }
    .login_form_bd {
      min-height: 231px;
      height: 100%;
      position: relative;
      padding: 24px 40px 0;
      .login_form_appqr {
        position: absolute;
        bottom: 0;
        right: 40px;
        .login_form_app,
        .login_download_app {
          color: #0190d4;
          float: right;
          cursor: pointer;
          &:hover {
            color: #0f406c;
            &i {
              color: #0f406c;
            }
          }
        }
        .miniIcon {
          display: inline-block;
          height: 16px;
          width: 16px;
          background-position: center center;
          background-size: 100%;
          margin-left: 20px;
          vertical-align: middle;
          &[data-type="app"] {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNGM0JDQ0E0OTc2NTExRUJBNzIxQTZFMjg4NTg2N0FDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNGM0JDQ0E1OTc2NTExRUJBNzIxQTZFMjg4NTg2N0FDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0YzQkNDQTI5NzY1MTFFQkE3MjFBNkUyODg1ODY3QUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0YzQkNDQTM5NzY1MTFFQkE3MjFBNkUyODg1ODY3QUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz65Y/jqAAADAElEQVR42gzOTWgcVRwA8P/7mJmdjzfZ2W6TNM2u3ebSYBNqNSaKiqCgbYUWGi8ebBPwIIrtRewHSNSIoIIIFU2VHop4aMFlPYiVXlI0EinkoEnapKZ1szG7ze52srOzb97Ozjx7/N1+iIfy0jz8PB//EUSog3OE3Auhj/ibhrnLBQlxh3VERe3p5YcP6m+9EKPLN+OPv/d8YXf6IdoCW0T3mRCuipue2qPoYIVqPdC7UlEx20w//iwjd3umSrimqqzs+k4m5m7gqPr4S/T0IX12qeYG7CG9bSxwV0j45pZO0NgUYTqFkOi0UtVAaBfP4idsv1R0jz3Z63nBSlnk0mqrjSILE49i22y3Oa1WNCjSRB32s6DHb6/d/rcwz18+CGeOK9vFf5b+CywK0bbScTok9fT5lkIRh4ln0JvjcHQUpVEj//cjHNTCQmN0TM3p2mod1n2NMWRYHCvJhLcB+/rWzp6AcrG5VNrIDHiFn9Zn54o/FnYslCoTr+z44g07m2oEHkQ1E1ebkMQbky/uDX1477Otwl9ZgJ1fT2WU4X2vPw/PZfunL/isGX973DZKD+RO/2EN9JY4Ogalapjq2339Fxi6s54/ZVfedSpI/rCIZi6L3F59YjxgpnZHGGjknFzc5gdyna8mmY1hasZ3es2Th8Td1cgTRtKK27fw8FNQuLd8MT8oGMCBD3j/+yE5IYffWcnP35IyaEl59XcJ48vmiLj2Z7zZuv3lNZk4WTZOhY99GBDjyHRcb1hmYlUYhRv3gwobHdRMc312beDtyXBwWDn9Te3CnEDOri4VpIyQfUZK2bAV229CnITGUjRktq586ibTGQ4Ppmfold8YdIOju1To1NDQo5/LShV4wA2qEwZlt8pE2gpq5w6v3SiNXJ2Ldu+JE4iLyA4IIJDok1/FpbwM+jQvWtbqmW7L2gyhikBbBMhKzJBDQaFbvJVCnBw70iDXv/toBdOFOnTLRIYGtchM9IbpThkP2U5UHbBoK6aRYmYkfm0/nH+V/C/AALR/bXSBworaAAAAAElFTkSuQmCC");
          }
          &[data-type="desk"] {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJGRUFBRDNFOTc2NTExRUI5OTdGOTE0QkVGODlDRDIwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJGRUFBRDNGOTc2NTExRUI5OTdGOTE0QkVGODlDRDIwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkZFQUFEM0M5NzY1MTFFQjk5N0Y5MTRCRUY4OUNEMjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkZFQUFEM0Q5NzY1MTFFQjk5N0Y5MTRCRUY4OUNEMjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7jOkn1AAABSElEQVR42mL8//8/AymApXzd08fvfv36+58Rh4o///7LCrLZqPCEmQgCuYwMaWeINPv/TGOQDUC8OEkx2kzoHw63MTMxrjv/Yf/Nz1AnATE/JzMjIwMIYwO7rn3iZGWcHCGL0PDt1z9czrj7+qf7xNtAxslKDTMFbiCDCY+jP/3469B7C8J27L318O0vfBpuvfwhUXLpyftfEC7QFQpVl888/AZyEjsLFtdffvodGJRff/07dvcLkCvGy6IrzXnkDpCddmbN2Xf/cYD9Nz+Bwj3tTNOWZxARkA0hM+8JcDH//osSrEBuiau4uSI3hOupww8NpTJ3iXuvf37//Y8J1V3AuNeQ4AA6DMjWk+E0keeCxR9ewJJxFuiei4+/wUVwhtKbL39su28yMTGsz1QG2oCUQnCAE/e+1G58+vrzbzRxRlKTN0CAAQB1Gu32zyWjpAAAAABJRU5ErkJggg==");
          }
        }
      }
      .error_tips {
        position: absolute;
        line-height: 30px;
        font-size: 12px;
        color: #f60000;
        text-align: center;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        margin: auto;
      }
      .login_field {
        position: relative;
        padding-bottom: 20px;
        label {
          line-height: 35px;
          display: block;
          height: 35px;
          font-size: 16px;
        }
        i {
          font-size: 20px;
          color: #aaa;
          width: 35px;
          text-align: center;
          line-height: 40px;
          height: 40px;
          position: absolute;
          top: 35px;
          left: 0;
          margin: auto;
        }
        .login_field_text {
          height: 40px;
          width: 100%;
          line-height: 40px;
          border: 1px solid #ccc;
          border-radius: 5px;
          background-color: #fff;
          font-size: 16px;
          color: #000;
          padding-left: 35px;
          box-sizing: border-box;
          font-family: "Microsoft YaHei", proxima-nova, "Helvetica Neue", arial,
            helvetica, clean, sans-serif;
          &::input-placeholder {
            color: #ccc;
          }
        }
      }
      .saveCheckbox_box {
        height: 35px;
        line-height: 35px;
        padding-left: 30px;
        position: relative;
        top: 0px;
        label {
          cursor: pointer;
          user-select: none;
          i {
            font-size: 24px;
            position: absolute;
            top: 0;
            left: 2px;
            bottom: 0;
            margin: auto;
            height: 25px;
            width: 25px;
            color: #888;
            cursor: pointer;
            text-align: center;
          }
        }
        .occasion {
          float: right;
          &:after {
            content: "";
            background: no-repeat;
            width: 14px;
            height: 18px;
            position: absolute;
            top: 30%;
            pointer-events: none;
            right: 1px;
          }
          #selectStyle {
            border: none;
            outline: none;
            width: 62px;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
          }
        }
      }
      .forgetPw {
        float: right;
        color: #0190d4;
        cursor: pointer;
        margin-left: 5px;
        &:hover {
          color: #0f406c;
          i {
            color: #0f406c;
          }
        }
      }
      .login_form_btn {
        font-size: 13px;
        margin-top: 20px;
        .loginBtn {
          /* background-color: #135189; */
          width: 100%;
          height: 40px;
          border: none;
          border-radius: 5px;
          color: #fff;
          font-size: 16px;
          font-weight: bold;
          text-align: center;
          cursor: pointer;
          display: inline-block;
          i {
            margin-left: 5px;
          }
          &:hover {
            filter: brightness(0.8);
          }
          &.disabled {
            background-color: #ccc!important;
            &:hover {
              filter: brightness(1);
            }
          }
        }
      }
      /*二维码*/
      .qrCodeImg {
        /* position: absolute; */
        height: 139px;
        width: 139px;
        /* left:40% !important;
                right:0 !important;
                bottom:12%; */
        margin-top: 10px;
        margin-left: 85px;
        z-index: 999;
      }
      .register_tips{
        padding-top: 15px;
        font-size: 14px;
        text-align: center;
        span{
          color:#3486d2;
          cursor: pointer;
        }
      }
    }
    .login_form_google {
      width: 280px;
      position: absolute;
      top: 317px;
      left: 0;
      bottom: 0;
      color: #fff;
      line-height: 20px;
      text-align: center;
      font-weight: bold;
      font-size: 13px;
      cursor: pointer;
      user-select: none;
      & > a {
        color: #fff;
      }
    }
    .loginMainBox {
      .login-title {
        height: 18px;
        line-height: 18px;
        font-size: 16px;
        color: #889aa4;
        margin-top: 12px;
        margin-left: 12px;
        padding-bottom: 8px;
        font-weight: 700;
      }
      .login-tip {
        position: absolute;
        top: 10px;
        right: 68px;
        display: block;
        .poptip {
          background-color: #e6f9fc;
          line-height: 16px;
          position: relative;
          z-index: 9999;
          border: 1px solid #0073be;
          padding: 5px 10px;
          .poptip-arrow {
            position: absolute;
            z-index: 10;
            top: 8px;
            right: 0;
            span {
              position: absolute;
              width: 0;
              height: 0;
              border-color: hsla(0, 0%, 100%, 0);
              border-style: solid;
              overflow: hidden;
              top: 0;
              left: 0;
              border-width: 6px 0 6px 6px;
              border-left-color: #e6f4fc;
            }
            em {
              position: absolute;
              width: 0;
              height: 0;
              border-color: hsla(0, 0%, 100%, 0);
              border-style: solid;
              overflow: hidden;
              top: 0;
              left: 0;
              border-width: 6px 0 6px 6px;
              border-left-color: #0073be;
              border-right-color: #0073be;
            }
          }
          .poptip-content {
            font-size: 12px;
            font-weight: 400;
            color: #0073be;
          }
        }
      }
      .qrDesc {
        font-size: 12px;
        color: #666;
        width: 160px;
        margin: auto;
        overflow: hidden;
        line-height: 17px;
        margin-top: 230px;
        .qrDesc_right {
          position: relative;
          left: 50px;
          top: -35px;
        }
      }
      .scanMain {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        .qrcode-img {
          position: relative;
          margin: 20px auto;
          font-size: 14px;
          -webkit-box-shadow: 0 0 8px #ddd;
          box-shadow: 0 0 8px #ddd;
          opacity: 1;
          width: 140px;
          height: 140px;
          .qrcode-error {
            background: hsla(0, 0%, 100%, 0.95);
            position: absolute;
            left: 0;
            top: 0;
            z-index: 9999;
            width: 100%;
            height: 100%;
            p {
              font-weight: 700;
              color: #222;
              margin-top: 38px;
              margin-bottom: 8px;
              text-align: center;
            }
            .refresh {
              background: #f40;
              width: 110px;
              height: 34px;
              line-height: 34px;
              text-align: center;
              margin: 0 auto;
              background: #ff9000;
              border-color: #ff9000;
              display: block;
              color: #fff;
              border-radius: 3px;
              font-size: 14px;
              cursor: pointer;
            }
          }
          canvas {
            margin: 5px;
          }
        }
        .login-error {
          text-align: center;
          color: #222;
          font-weight: 700;
        }
      }
      /*二维码切换登录*/
      .icon-qrcode {
        position: absolute;
        right: 5px;
        top: 5px;
        font-size: 52px;
        line-height: 52px;
        cursor: pointer;
        width: 56px;
        z-index: 999;
      }

Ignore Space Show notes View project/hivuiLogin/views/miniLogin.vue
<template> <div :class="'login_form'+(questType=='ajax'?' dialogLogin':'')"> <div class="loginMainBox"> <div class="login_form_bd"> <div class="error_tips"></div> <input type="hidden" name="directAction" value> <input type="hidden" name="refererurl" value> <div class="login_field"> <label>{{$t('hivuiLogin_main_user')}}</label> <input class="login_field_text" v-model="username" type="text" id="txtUserName" name="userName" :placeholder="$t('hivuiLogin_main_user_ph')" autofocus required autocomplete="off" :readonly="(questType=='ajax'&&oldUserName)?true:false" @keyup.enter="loginFunc" > <i class="fa fa-user"></i> </div> <div class="login_field"> <label>{{$t('hivuiLogin_main_pw')}}</label> <input class="login_field_text" v-model="password" type="text" onfocus="this.type='password'" id="txtPassword" name="password" :placeholder="$t('hivuiLogin_main_pw_ph')" required autocomplete="off" @keyup.enter="loginFunc" > <i class="fa fa-unlock-alt"></i> </div> <div class="login_form_btn"> <div class="login_btn_area"> <button :style="btnStyle" :class="'loginBtn' + (loginLoading ? ' disabled' : '')" @click="loginFunc" > {{$t('hivuiLogin_main_login_btn')}} <i :hidden="!loginLoading" class="el-icon-loading"></i> </button> </div> </div> </div> </div> </div> </template> <script> import { baseLogin } from "../api/login"; import md5 from "js-md5"; import { projectName } from "../config"; import "font-awesome/css/font-awesome.css"; import _loginLogoImg from "../assets/Logo1.png" import _loginBgImg from "../assets/background.png" import { setToken, removeToken, getUserId, setUserId, removeUserId, } from "../utils/auth.js"; import { getUrlValue, } from "../utils/index.js"; export default { components: {}, data() { return { msg: "这是小登录页", oldUserName:(top.window.Scp&&top.window.Scp.User.fuserid)\|\|false, username: (top.window.Scp&&top.window.Scp.User.fuserid)\|\|"", password: "", config: { mainColor:window.customSysCofig?.mainColor\|\|"#06c", }, loginLoading: false, questType:getUrlValue("","questType"), isRefresh:getUrlValue("","isRefresh")=="true"?true:false, }; }, computed:{ btnStyle(){ return { "background-color": this.config.mainColor, }; }, }, mounted() {}, methods: { loginFunc() { this.defaultLogin(); }, defaultLogin() { let me=this; /this.$refs.loginForm.validate(valid => { if (valid) {/ if (!me.username.trim()) { me.$message.error(me.$t('hivuiLogin_main_valid_user')); return; } else if (!me.password) { me.$message.error(me.$t('hivuiLogin_main_valid_pw')); return; } removeToken(); me.loginLoading = true; baseLogin({ username: me.username.trim(), password: md5(me.password) }) .then(response => { const data = response; setToken(data.token); if (me.isCheckRu) { setUserId(me.username); } else { removeUserId(); } if(me.questType=="ajax"){ top.window.SysPage.closeMiniLogin(me.isRefresh); }else{ //top.window.SysPage.newPage(me.$route.params.redirectTitle\|\|"",me.$route.params.redirect\|\|"",me.$route.params.pushData\|\|{},"post"); location.reload(); } }) .catch(error => { me.loginLoading = false; }); } } }; </script> <style lang="scss" scoped> * { margin: 0; padding: 0; box-sizing: border-box; } a { text-decoration: none; } ul, li { list-style: none; } button { outline: none; border: none; } html, body { height: 100%; width: 100%; background: #fff; } input, body, button { font-family: "Microsoft YaHei", proxima-nova, "Helvetica Neue", arial, helvetica, clean, sans-serif; } body { font-size: 14px; color: #333; } .bg { height: 100%; width: 100%; position: relative; } .login_form { width: 400px; height: 360px; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; padding: 1px; z-index: 100; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5); &.dialogLogin{ height: 350px; box-shadow:none; } .login_form_hd { color: #333; font-weight: bold; padding: 0 18px; box-sizing: border-box; width: 100%; font-size: 16px; text-align: left; line-height: 44px; height: 44px; border-bottom: 1px solid #ccc; } .login_form_bd { min-height: 231px; height: 100%; position: relative; padding: 24px 40px 0; .login_form_foot { line-height: 40px; margin-top: 20px; &i { color: #0190d4; } .login_form_app, .login_download_app { color: #0190d4; float: right; cursor: pointer; &:hover { color: #0f406c; &i { color: #0f406c; } } } } .error_tips { position: absolute; line-height: 30px; font-size: 12px; color: #f60000; text-align: center; top: 0; left: 0; right: 0; width: 100%; margin: auto; } .login_field { position: relative; padding-bottom: 20px; label { line-height: 35px; display: block; height: 35px; font-size: 16px; } i { font-size: 20px; color: #aaa; width: 35px; text-align: center; line-height: 40px; height: 40px; position: absolute; top: 35px; left: 0; margin: auto; } .login_field_text { height: 40px; width: 100%; line-height: 40px; border: 1px solid #ccc; border-radius: 5px; background-color: #fff; font-size: 16px; color: #000; padding-left: 35px; box-sizing: border-box; font-family: "Microsoft YaHei", proxima-nova, "Helvetica Neue", arial, helvetica, clean, sans-serif; &[readonly]{ background-color: #eee; color: #666; } &::input-placeholder { color: #ccc; } } } .login_form_btn { font-size: 13px; margin-top: 20px; .loginBtn { /* background-color: #135189; / width: 100%; height: 40px; border: none; border-radius: 5px; color: #fff; font-size: 16px; font-weight: bold; text-align: center; cursor: pointer; display: inline-block; i { margin-left: 5px; } &:hover { filter: brightness(0.8); } &.disabled { background-color: #ccc !important; &:hover { filter: brightness(1); } } } } } } </style> <template> <div :class="'login_form'+(questType=='ajax'?' dialogLogin':'')"> <div class="loginMainBox"> <div class="login_form_bd"> <div class="error_tips"></div> <input type="hidden" name="directAction" value> <input type="hidden" name="refererurl" value> <div class="login_field"> <label>{{$t('login_main_user')}}</label> <input class="login_field_text" v-model="username" type="text" id="txtUserName" name="userName" :placeholder="$t('login_main_user_ph')" autofocus required autocomplete="off" :readonly="(questType=='ajax'&&oldUserName)?true:false" @keyup.enter="loginFunc" > <i class="fa fa-user"></i> </div> <div class="login_field"> <label>{{$t('login_main_pw')}}</label> <input class="login_field_text" v-model="password" type="text" onfocus="this.type='password'" id="txtPassword" name="password" :placeholder="$t('login_main_pw_ph')" required autocomplete="off" @keyup.enter="loginFunc" > <i class="fa fa-unlock-alt"></i> </div> <div class="login_form_btn"> <div class="login_btn_area"> <button :style="btnStyle" :class="'loginBtn' + (loginLoading ? ' disabled' : '')" @click="loginFunc" > {{$t('login_main_login_btn')}} <i :hidden="!loginLoading" class="el-icon-loading"></i> </button> </div> </div> </div> </div> </div> </template> <script> import { baseLogin } from "../api/login"; import md5 from "js-md5"; import { projectName } from "../config"; import "font-awesome/css/font-awesome.css"; import _loginLogoImg from "../assets/Logo1.png" import _loginBgImg from "../assets/background.png" import { setToken, removeToken, getUserId, setUserId, removeUserId, } from "../utils/auth.js"; import { getUrlValue, } from "../utils/index.js"; export default { components: {}, data() { return { msg: "这是小登录页", oldUserName:(top.window.Scp&&top.window.Scp.User.fuserid)\|\|false, username: (top.window.Scp&&top.window.Scp.User.fuserid)\|\|"", password: "", config: { mainColor:window.customSysCofig?.mainColor\|\|"#06c", }, loginLoading: false, questType:getUrlValue("","questType"), isRefresh:getUrlValue("","isRefresh")=="true"?true:false, }; }, computed:{ btnStyle(){ return { "background-color": this.config.mainColor, }; }, }, mounted() {}, methods: { loginFunc() { this.defaultLogin(); }, defaultLogin() { let me=this; /this.$refs.loginForm.validate(valid => { if (valid) {/ if (!me.username.trim()) { me.$message.error(me.$t('login_main_valid_user')); return; } else if (!me.password) { me.$message.error(me.$t('login_main_valid_pw')); return; } removeToken(); me.loginLoading = true; baseLogin({ username: me.username.trim(), password: md5(me.password) }) .then(response => { const data = response; setToken(data.token); if (me.isCheckRu) { setUserId(me.username); } else { removeUserId(); } if(me.questType=="ajax"){ top.window.SysPage.closeMiniLogin(me.isRefresh); }else{ //top.window.SysPage.newPage(me.$route.params.redirectTitle\|\|"",me.$route.params.redirect\|\|"",me.$route.params.pushData\|\|{},"post"); location.reload(); } }) .catch(error => { me.loginLoading = false; }); } } }; </script> <style lang="scss" scoped> { margin: 0; padding: 0; box-sizing: border-box; } a { text-decoration: none; } ul, li { list-style: none; } button { outline: none; border: none; } html, body { height: 100%; width: 100%; background: #fff; } input, body, button { font-family: "Microsoft YaHei", proxima-nova, "Helvetica Neue", arial, helvetica, clean, sans-serif; } body { font-size: 14px; color: #333; } .bg { height: 100%; width: 100%; position: relative; } .login_form { width: 400px; height: 360px; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; padding: 1px; z-index: 100; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5); &.dialogLogin{ height: 350px; box-shadow:none; } .login_form_hd { color: #333; font-weight: bold; padding: 0 18px; box-sizing: border-box; width: 100%; font-size: 16px; text-align: left; line-height: 44px; height: 44px; border-bottom: 1px solid #ccc; } .login_form_bd { min-height: 231px; height: 100%; position: relative; padding: 24px 40px 0; .login_form_foot { line-height: 40px; margin-top: 20px; &i { color: #0190d4; } .login_form_app, .login_download_app { color: #0190d4; float: right; cursor: pointer; &:hover { color: #0f406c; &i { color: #0f406c; } } } } .error_tips { position: absolute; line-height: 30px; font-size: 12px; color: #f60000; text-align: center; top: 0; left: 0; right: 0; width: 100%; margin: auto; } .login_field { position: relative; padding-bottom: 20px; label { line-height: 35px; display: block; height: 35px; font-size: 16px; } i { font-size: 20px; color: #aaa; width: 35px; text-align: center; line-height: 40px; height: 40px; position: absolute; top: 35px; left: 0; margin: auto; } .login_field_text { height: 40px; width: 100%; line-height: 40px; border: 1px solid #ccc; border-radius: 5px; background-color: #fff; font-size: 16px; color: #000; padding-left: 35px; box-sizing: border-box; font-family: "Microsoft YaHei", proxima-nova, "Helvetica Neue", arial, helvetica, clean, sans-serif; &[readonly]{ background-color: #eee; color: #666; } &::input-placeholder { color: #ccc; } } } .login_form_btn { font-size: 13px; margin-top: 20px; .loginBtn { /* background-color: #135189; */ width: 100%; height: 40px; border: none; border-radius: 5px; color: #fff; font-size: 16px; font-weight: bold; text-align: center; cursor: pointer; display: inline-block; i { margin-left: 5px; } &:hover { filter: brightness(0.8); } &.disabled { background-color: #ccc !important; &:hover { filter: brightness(1); } } } } } } </style>

Ignore Space Show notes View

project/hivuiLogin/views/miniLogin.vue

<template>
    <div :class="'login_form'+(questType=='ajax'?' dialogLogin':'')">
      <div class="loginMainBox">
        <div class="login_form_bd">
          <div class="error_tips"></div>
          <input type="hidden" name="directAction" value>
          <input type="hidden" name="refererurl" value>
          <div class="login_field">
            <label>{{$t('hivuiLogin_main_user')}}</label>
            <input
              class="login_field_text"
              v-model="username"
              type="text"
              id="txtUserName"
              name="userName"
              :placeholder="$t('hivuiLogin_main_user_ph')"
              autofocus
              required
              autocomplete="off"
              :readonly="(questType=='ajax'&&oldUserName)?true:false"
              @keyup.enter="loginFunc"
            >
            <i class="fa fa-user"></i>
          </div>
          <div class="login_field">
            <label>{{$t('hivuiLogin_main_pw')}}</label>
            <input
              class="login_field_text"
              v-model="password"
              type="text"
              onfocus="this.type='password'"
              id="txtPassword"
              name="password"
              :placeholder="$t('hivuiLogin_main_pw_ph')"
              required
              autocomplete="off"
              @keyup.enter="loginFunc"
            >
            <i class="fa fa-unlock-alt"></i>
          </div>
          <div class="login_form_btn">
            <div class="login_btn_area">
              <button
                :style="btnStyle"
                :class="'loginBtn' + (loginLoading ? ' disabled' : '')"
                @click="loginFunc"
              >
                {{$t('hivuiLogin_main_login_btn')}}
                <i :hidden="!loginLoading" class="el-icon-loading"></i>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
</template>
<script>
import { baseLogin } from "../api/login";
import md5 from "js-md5";
import { projectName } from "../config";
import "font-awesome/css/font-awesome.css";
import _loginLogoImg from "../assets/Logo1.png"
import _loginBgImg from "../assets/background.png"
import {
  setToken,
  removeToken,
  getUserId,
  setUserId,
  removeUserId,
} from "../utils/auth.js";
import {
  getUrlValue,
} from "../utils/index.js";

export default {
  components: {},
  data() {
    return {
      msg: "这是小登录页",
      oldUserName:(top.window.Scp&&top.window.Scp.User.fuserid)||false,
      username: (top.window.Scp&&top.window.Scp.User.fuserid)||"",
      password: "",
      config: {
        mainColor:window.customSysCofig?.mainColor||"#06c",
      },
      loginLoading: false,
      questType:getUrlValue("","questType"),
      isRefresh:getUrlValue("","isRefresh")=="true"?true:false,
    };
  },
  computed:{
    btnStyle(){
        return {
            "background-color": this.config.mainColor,
        };
    },
  },
  mounted() {},
  methods: {
    loginFunc() {
      this.defaultLogin();
    },
    defaultLogin() {
      let me=this;
      /*this.$refs.loginForm.validate(valid => {
                        if (valid) {*/
      if (!me.username.trim()) {
        me.$message.error(me.$t('hivuiLogin_main_valid_user'));
        return;
      } else if (!me.password) {
        me.$message.error(me.$t('hivuiLogin_main_valid_pw'));
        return;
      }
      removeToken();
      me.loginLoading = true;
      baseLogin({
        username: me.username.trim(),
        password: md5(me.password)
      })
        .then(response => {
          const data = response;
          setToken(data.token);
          if (me.isCheckRu) {
            setUserId(me.username);
          } else {
            removeUserId();
          }
          if(me.questType=="ajax"){
              top.window.SysPage.closeMiniLogin(me.isRefresh);
          }else{
              //top.window.SysPage.newPage(me.$route.params.redirectTitle||"",me.$route.params.redirect||"",me.$route.params.pushData||{},"post");
              location.reload();
          }
        })
        .catch(error => {
          me.loginLoading = false;
        });
    }
  }
};
</script>
<style lang="scss" scoped>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  text-decoration: none;
}
ul,
li {
  list-style: none;
}
button {
  outline: none;
  border: none;
}
html,
body {
  height: 100%;
  width: 100%;
  background: #fff;
}
input,
body,
button {
  font-family: "Microsoft YaHei", proxima-nova, "Helvetica Neue", arial,
    helvetica, clean, sans-serif;
}
body {
  font-size: 14px;
  color: #333;
}
.bg {
  height: 100%;
  width: 100%;
  position: relative;
}
.login_form {
    width: 400px;
    height: 360px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    padding: 1px;
    z-index: 100;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
    &.dialogLogin{
      height: 350px;
      box-shadow:none;
    }
    .login_form_hd {
        color: #333;
        font-weight: bold;
        padding: 0 18px;
        box-sizing: border-box;
        width: 100%;
        font-size: 16px;
        text-align: left;
        line-height: 44px;
        height: 44px;
        border-bottom: 1px solid #ccc;
    }
    .login_form_bd {
        min-height: 231px;
        height: 100%;
        position: relative;
        padding: 24px 40px 0;
        .login_form_foot {
        line-height: 40px;
        margin-top: 20px;
        &i {
            color: #0190d4;
        }
        .login_form_app,
        .login_download_app {
            color: #0190d4;
            float: right;
            cursor: pointer;
            &:hover {
            color: #0f406c;
            &i {
                color: #0f406c;
            }
            }
        }
        }
        .error_tips {
        position: absolute;
        line-height: 30px;
        font-size: 12px;
        color: #f60000;
        text-align: center;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        margin: auto;
        }
        .login_field {
        position: relative;
        padding-bottom: 20px;
        label {
            line-height: 35px;
            display: block;
            height: 35px;
            font-size: 16px;
        }
        i {
            font-size: 20px;
            color: #aaa;
            width: 35px;
            text-align: center;
            line-height: 40px;
            height: 40px;
            position: absolute;
            top: 35px;
            left: 0;
            margin: auto;
        }
        .login_field_text {
            height: 40px;
            width: 100%;
            line-height: 40px;
            border: 1px solid #ccc;
            border-radius: 5px;
            background-color: #fff;
            font-size: 16px;
            color: #000;
            padding-left: 35px;
            box-sizing: border-box;
            font-family: "Microsoft YaHei", proxima-nova, "Helvetica Neue", arial,
            helvetica, clean, sans-serif;
            &[readonly]{
              background-color: #eee;
              color: #666;
            }
            &::input-placeholder {
            color: #ccc;
            }
        }
        }
        .login_form_btn {
        font-size: 13px;
        margin-top: 20px;
        .loginBtn {
            /* background-color: #135189; */
            width: 100%;
            height: 40px;
            border: none;
            border-radius: 5px;
            color: #fff;
            font-size: 16px;
            font-weight: bold;
            text-align: center;
            cursor: pointer;
            display: inline-block;
            i {
            margin-left: 5px;
            }
            &:hover {
            filter: brightness(0.8);
            }
            &.disabled {
            background-color: #ccc !important;
            &:hover {
                filter: brightness(1);
            }
            }
        }
        }
    }
}
</style>

<template>
    <div :class="'login_form'+(questType=='ajax'?' dialogLogin':'')">
      <div class="loginMainBox">
        <div class="login_form_bd">
          <div class="error_tips"></div>
          <input type="hidden" name="directAction" value>
          <input type="hidden" name="refererurl" value>
          <div class="login_field">
            <label>{{$t('login_main_user')}}</label>
            <input
              class="login_field_text"
              v-model="username"
              type="text"
              id="txtUserName"
              name="userName"
              :placeholder="$t('login_main_user_ph')"
              autofocus
              required
              autocomplete="off"
              :readonly="(questType=='ajax'&&oldUserName)?true:false"
              @keyup.enter="loginFunc"
            >
            <i class="fa fa-user"></i>
          </div>
          <div class="login_field">
            <label>{{$t('login_main_pw')}}</label>
            <input
              class="login_field_text"
              v-model="password"
              type="text"
              onfocus="this.type='password'"
              id="txtPassword"
              name="password"
              :placeholder="$t('login_main_pw_ph')"
              required
              autocomplete="off"
              @keyup.enter="loginFunc"
            >
            <i class="fa fa-unlock-alt"></i>
          </div>
          <div class="login_form_btn">
            <div class="login_btn_area">
              <button
                :style="btnStyle"
                :class="'loginBtn' + (loginLoading ? ' disabled' : '')"
                @click="loginFunc"
              >
                {{$t('login_main_login_btn')}}
                <i :hidden="!loginLoading" class="el-icon-loading"></i>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
</template>
<script>
import { baseLogin } from "../api/login";
import md5 from "js-md5";
import { projectName } from "../config";
import "font-awesome/css/font-awesome.css";
import _loginLogoImg from "../assets/Logo1.png"
import _loginBgImg from "../assets/background.png"
import {
  setToken,
  removeToken,
  getUserId,
  setUserId,
  removeUserId,
} from "../utils/auth.js";
import {
  getUrlValue,
} from "../utils/index.js";

export default {
  components: {},
  data() {
    return {
      msg: "这是小登录页",
      oldUserName:(top.window.Scp&&top.window.Scp.User.fuserid)||false,
      username: (top.window.Scp&&top.window.Scp.User.fuserid)||"",
      password: "",
      config: {
        mainColor:window.customSysCofig?.mainColor||"#06c",
      },
      loginLoading: false,
      questType:getUrlValue("","questType"),
      isRefresh:getUrlValue("","isRefresh")=="true"?true:false,
    };
  },
  computed:{
    btnStyle(){
        return {
            "background-color": this.config.mainColor,
        };
    },
  },
  mounted() {},
  methods: {
    loginFunc() {
      this.defaultLogin();
    },
    defaultLogin() {
      let me=this;
      /*this.$refs.loginForm.validate(valid => {
                        if (valid) {*/
      if (!me.username.trim()) {
        me.$message.error(me.$t('login_main_valid_user'));
        return;
      } else if (!me.password) {
        me.$message.error(me.$t('login_main_valid_pw'));
        return;
      }
      removeToken();
      me.loginLoading = true;
      baseLogin({
        username: me.username.trim(),
        password: md5(me.password)
      })
        .then(response => {
          const data = response;
          setToken(data.token);
          if (me.isCheckRu) {
            setUserId(me.username);
          } else {
            removeUserId();
          }
          if(me.questType=="ajax"){
              top.window.SysPage.closeMiniLogin(me.isRefresh);
          }else{
              //top.window.SysPage.newPage(me.$route.params.redirectTitle||"",me.$route.params.redirect||"",me.$route.params.pushData||{},"post");
              location.reload();
          }
        })
        .catch(error => {
          me.loginLoading = false;
        });
    }
  }
};
</script>
<style lang="scss" scoped>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  text-decoration: none;
}
ul,
li {
  list-style: none;
}
button {
  outline: none;
  border: none;
}
html,
body {
  height: 100%;
  width: 100%;
  background: #fff;
}
input,
body,
button {
  font-family: "Microsoft YaHei", proxima-nova, "Helvetica Neue", arial,
    helvetica, clean, sans-serif;
}
body {
  font-size: 14px;
  color: #333;
}
.bg {
  height: 100%;
  width: 100%;
  position: relative;
}
.login_form {
    width: 400px;
    height: 360px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    padding: 1px;
    z-index: 100;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
    &.dialogLogin{
      height: 350px;
      box-shadow:none;
    }
    .login_form_hd {
        color: #333;
        font-weight: bold;
        padding: 0 18px;
        box-sizing: border-box;
        width: 100%;
        font-size: 16px;
        text-align: left;
        line-height: 44px;
        height: 44px;
        border-bottom: 1px solid #ccc;
    }
    .login_form_bd {
        min-height: 231px;
        height: 100%;
        position: relative;
        padding: 24px 40px 0;
        .login_form_foot {
        line-height: 40px;
        margin-top: 20px;
        &i {
            color: #0190d4;
        }
        .login_form_app,
        .login_download_app {
            color: #0190d4;
            float: right;
            cursor: pointer;
            &:hover {
            color: #0f406c;
            &i {
                color: #0f406c;
            }
            }
        }
        }
        .error_tips {
        position: absolute;
        line-height: 30px;
        font-size: 12px;
        color: #f60000;
        text-align: center;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        margin: auto;
        }
        .login_field {
        position: relative;
        padding-bottom: 20px;
        label {
            line-height: 35px;
            display: block;
            height: 35px;
            font-size: 16px;
        }
        i {
            font-size: 20px;
            color: #aaa;
            width: 35px;
            text-align: center;
            line-height: 40px;
            height: 40px;
            position: absolute;
            top: 35px;
            left: 0;
            margin: auto;
        }
        .login_field_text {
            height: 40px;
            width: 100%;
            line-height: 40px;
            border: 1px solid #ccc;
            border-radius: 5px;
            background-color: #fff;
            font-size: 16px;
            color: #000;
            padding-left: 35px;
            box-sizing: border-box;
            font-family: "Microsoft YaHei", proxima-nova, "Helvetica Neue", arial,
            helvetica, clean, sans-serif;
            &[readonly]{
              background-color: #eee;
              color: #666;
            }
            &::input-placeholder {
            color: #ccc;
            }
        }
        }
        .login_form_btn {
        font-size: 13px;
        margin-top: 20px;
        .loginBtn {
            /* background-color: #135189; */
            width: 100%;
            height: 40px;
            border: none;
            border-radius: 5px;
            color: #fff;
            font-size: 16px;
            font-weight: bold;
            text-align: center;
            cursor: pointer;
            display: inline-block;
            i {
            margin-left: 5px;
            }
            &:hover {
            filter: brightness(0.8);
            }
            &.disabled {
            background-color: #ccc !important;
            &:hover {
                filter: brightness(1);
            }
            }
        }
        }
    }
}
</style>

Ignore Space Show notes View project/hivuiLogin/views/register.vue
<template> <div class="register"> <div class="register_hd"> <div class="register_logo"> <img :src="config.loginLogoImg"> </div> <div class="register_text">{{$t('hivuiLogin_register_title')}}</div> </div> <div class="register_main" :style="bgStyle"> <div class="register_box"> <h3>{{$t('hivuiLogin_register_box_title')}}</h3> <el-form ref="registerForm" :model="registerForm" :rules="registerRules"> <el-form-item class="register_field" prop="username"> <el-input ref="username" v-model="registerForm.username" type="text" :placeholder="$t('hivuiLogin_register_user')"></el-input> </el-form-item> <el-form-item class="register_field" prop="phone"> <el-input ref="phone" v-model="registerForm.phone" type="text" :placeholder="$t('hivuiLogin_register_phone')"></el-input> </el-form-item> <el-form-item class="register_field" prop="pw1"> <el-input ref="pw1" v-model="registerForm.pw1" type="password" :placeholder="$t('hivuiLogin_register_pw1')"></el-input> <pwStrength class="register_pwStrength" v-model="registerForm.pw1" :minPw="minPw"></pwStrength> </el-form-item> <el-form-item class="register_field" prop="pw2"> <el-input ref="pw2" v-model="registerForm.pw2" type="password" :placeholder="$t('hivuiLogin_register_pw2')"></el-input> </el-form-item> <el-form-item class="register_field register_row" prop="captcha"> <el-input ref="captcha" v-model="registerForm.captcha" type="text" :placeholder="$t('hivuiLogin_register_captcha')"></el-input> <el-button class="register_capbtn" :loading="captchaLoading" type="primary" :disabled="captchaTimer==0?false:true" @click="getCaptcha" >{{captchaTimer==0?$t('hivuiLogin_reset_getCaptcha'):(captchaTimer+$t('hivuiLogin_reset_getAgain'))}}</el-button> </el-form-item> <!-- <el-form-item class="register_field" prop="email"> <el-input ref="email" v-model="registerForm.email" type="text" placeholder="邮箱"></el-input> </el-form-item>--> <el-button class="register_submit" :loading="registerLoading" type="primary" @click="register" >{{$t('hivuiLogin_register_submit')}}</el-button> </el-form> <div class="register_tips"> {{$t('hivuiLogin_register_tiptext1')}} <span @click="goLoginPage">{{$t('hivuiLogin_register_tiptext2')}}</span> </div> </div> </div> <div class="register_ft">{{config.copyright}}</div> </div> </template> <script> import _loginLogoImg from "../assets/Logo1.png" import _registerBgImg from "../assets/register/bg.png" import { captcha, register } from "../api/user"; import pwStrength from "../components/pwStrength"; import md5 from "js-md5"; export default { name: "register", components: { pwStrength }, data() { return { registerForm: { phone: "", pw1: "", pw2: "", captcha: "", email: "" }, minPw: 4, registerRules: { username: [ { required: true, message: this.$t('hivuiLogin_register_valid_user'), trigger: "blur" }, { validator: (rule, value, callback) => { if ((value + "").length > 20) { callback(new Error(this.$t('hivuiLogin_register_valid_user2'))); } else { callback(); } }, trigger: "blur" } ], phone: [ { required: true, message: this.$t('hivuiLogin_register_valid_phone'), trigger: "blur" }, { validator: (rule, value, callback) => { if (!/^[1]([3-9])[0-9]{9}$/.test(value)) { callback(new Error(this.$t('hivuiLogin_register_valid_phone2'))); } else { callback(); } }, trigger: "blur" } ], pw1: [ { required: true, message: this.$t('hivuiLogin_register_valid_pw'), trigger: "blur" }, { validator: (rule, value, callback) => { if ((value + "").length < this.minPw) { callback(new Error(this.$t('hivuiLogin_register_valid_pw_msg') + this.minPw + this.$t('hivuiLogin_register_valid_pw_msg2'))); } else { callback(); } }, trigger: "blur" } ], pw2: [ { required: true, message: this.$t('hivuiLogin_register_valid_pw2'), trigger: "blur" }, { validator: (rule, value, callback) => { if (value !== this.registerForm.pw1) { callback(new Error(this.$t('hivuiLogin_register_valid_pw2_msg'))); } else { callback(); } }, trigger: "blur" } ], captcha: [{ required: true, message: this.$t('hivuiLogin_register_valid_captcha'), trigger: "blur" }] /email: [ { required: true, message: "请填写邮箱地址", trigger: "blur" } ]/ }, captchaLoading: false, registerLoading: false, captchaTimer: 0, 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, registerBgImg: window.customSysCofig?.registerBgImg\|\|_registerBgImg, 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.registerBgImg + ")", }; }, }, mounted() {}, methods: { //获取验证码 getCaptcha() { this.$refs.registerForm.validateField("phone", errMsg => { if (!errMsg) { let me = this; me.captchaTimer = 60; me.captchaLoading = true; captcha({ phone: me.registerForm.phone }) .then(res => { me.captchaLoading = false; }) .catch(err => { me.captchaLoading = false; }); let _timer = setInterval(() => { --me.captchaTimer; if (me.captchaTimer == 0) { clearInterval(_timer); } }, 1000); } }); }, //注册 register() { let me = this; this.$refs.registerForm.validate(valid => { if (valid) { me.registerLoading = true; register({ type: "phone", username:me.registerForm.username, phone: me.registerForm.phone, password: md5(me.registerForm.pw2), captcha: me.registerForm.captcha }) .then(res => { me.$message({ message: me.$t('hivuiLogin_register_success'), type: "success" }); setTimeout(() => { this.$router.push("/"); }, 1000 * 2); }) .catch(err => { me.registerLoading = false; }); } }); }, goLoginPage() { this.$router.push("/"); } } }; </script> <style lang="scss" scoped> @function px2vw($px) { @return ($px / 1920) * 100vw; } $headH: px2vw(130); $footH: px2vw(172); .register { height: 100%; overflow: hidden; .register_hd { height: $headH; display: flex; align-items: center; padding-top: px2vw(30); padding-left: px2vw(15); .register_logo { width: px2vw(236); height: px2vw(56); margin-right: px2vw(20); img { height: 100%; width: 100%; } } .register_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; } } } .register_main { height: calc(100% - #{$headH} - #{$footH}); position: relative; background: url("../assets/register/bg.png") no-repeat center center; background-size: cover; .register_box { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: px2vw(1200); height: px2vw(655); border-radius: px2vw(3); background-color: #fff; padding: 0 px2vw(360) px2vw(40); h3 { text-align: center; line-height: px2vw(100); font-size: px2vw(24); color: #333; font-weight: bold; } .register_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); } .register_pwStrength { margin-top: px2vw(10); } &.register_row { ::v-deep.el-form-item__content { display: flex; align-items: center; } } } .register_capbtn { width: px2vw(200); height: px2vw(48); line-height: px2vw(48); padding: 0; } .register_submit { height: px2vw(48); line-height: px2vw(48); padding-top: 0; width: 100%; margin-top: px2vw(10); } .register_tips { padding-top: px2vw(20); span { color: #3486d2; cursor: pointer; } } } } .register_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; } } </style> <template> <div class="register"> <div class="register_hd"> <div class="register_logo"> <img :src="config.loginLogoImg"> </div> <div class="register_text">{{$t('login_register_title')}}</div> </div> <div class="register_main" :style="bgStyle"> <div class="register_box"> <h3>{{$t('login_register_box_title')}}</h3> <el-form ref="registerForm" :model="registerForm" :rules="registerRules"> <el-form-item class="register_field" prop="username"> <el-input ref="username" v-model="registerForm.username" type="text" :placeholder="$t('login_register_user')"></el-input> </el-form-item> <el-form-item class="register_field" prop="phone"> <el-input ref="phone" v-model="registerForm.phone" type="text" :placeholder="$t('login_register_phone')"></el-input> </el-form-item> <el-form-item class="register_field" prop="pw1"> <el-input ref="pw1" v-model="registerForm.pw1" type="password" :placeholder="$t('login_register_pw1')"></el-input> <pwStrength class="register_pwStrength" v-model="registerForm.pw1" :minPw="minPw"></pwStrength> </el-form-item> <el-form-item class="register_field" prop="pw2"> <el-input ref="pw2" v-model="registerForm.pw2" type="password" :placeholder="$t('login_register_pw2')"></el-input> </el-form-item> <el-form-item class="register_field register_row" prop="captcha"> <el-input ref="captcha" v-model="registerForm.captcha" type="text" :placeholder="$t('login_register_captcha')"></el-input> <el-button class="register_capbtn" :loading="captchaLoading" type="primary" :disabled="captchaTimer==0?false:true" @click="getCaptcha" >{{captchaTimer==0?$t('login_reset_getCaptcha'):(captchaTimer+$t('login_reset_getAgain'))}}</el-button> </el-form-item> <!-- <el-form-item class="register_field" prop="email"> <el-input ref="email" v-model="registerForm.email" type="text" placeholder="邮箱"></el-input> </el-form-item>--> <el-button class="register_submit" :loading="registerLoading" type="primary" @click="register" >{{$t('login_register_submit')}}</el-button> </el-form> <div class="register_tips"> {{$t('login_register_tiptext1')}} <span @click="goLoginPage">{{$t('login_register_tiptext2')}}</span> </div> </div> </div> <div class="register_ft">{{config.copyright}}</div> </div> </template> <script> import _loginLogoImg from "../assets/Logo1.png" import _registerBgImg from "../assets/register/bg.png" import { captcha, register } from "../api/user"; import pwStrength from "../components/pwStrength"; import md5 from "js-md5"; export default { name: "register", components: { pwStrength }, data() { return { registerForm: { phone: "", pw1: "", pw2: "", captcha: "", email: "" }, minPw: 4, registerRules: { username: [ { required: true, message: this.$t('login_register_valid_user'), trigger: "blur" }, { validator: (rule, value, callback) => { if ((value + "").length > 20) { callback(new Error(this.$t('login_register_valid_user2'))); } else { callback(); } }, trigger: "blur" } ], phone: [ { required: true, message: this.$t('login_register_valid_phone'), trigger: "blur" }, { validator: (rule, value, callback) => { if (!/^[1]([3-9])[0-9]{9}$/.test(value)) { callback(new Error(this.$t('login_register_valid_phone2'))); } else { callback(); } }, trigger: "blur" } ], pw1: [ { required: true, message: this.$t('login_register_valid_pw'), trigger: "blur" }, { validator: (rule, value, callback) => { if ((value + "").length < this.minPw) { callback(new Error(this.$t('login_register_valid_pw_msg') + this.minPw + this.$t('login_register_valid_pw_msg2'))); } else { callback(); } }, trigger: "blur" } ], pw2: [ { required: true, message: this.$t('login_register_valid_pw2'), trigger: "blur" }, { validator: (rule, value, callback) => { if (value !== this.registerForm.pw1) { callback(new Error(this.$t('login_register_valid_pw2_msg'))); } else { callback(); } }, trigger: "blur" } ], captcha: [{ required: true, message: this.$t('login_register_valid_captcha'), trigger: "blur" }] /email: [ { required: true, message: "请填写邮箱地址", trigger: "blur" } ]/ }, captchaLoading: false, registerLoading: false, captchaTimer: 0, config: { title: window.customSysCofig?.loginTitle\|\|this.$t('login_main_def_title'), loginLogoImg: window.customSysCofig?.loginLogo\|\|_loginLogoImg, loginLogoImg_height: window.customSysCofig?.loginLogo_h\|\|56, loginLogoImg_width: window.customSysCofig?.loginLogo_w\|\|206, registerBgImg: window.customSysCofig?.registerBgImg\|\|_registerBgImg, copyright: window.customSysCofig?.copyright\|\|this.$t('login_main_def_copyright'), }, }; }, model: { prop: "value", event: "valuechange" }, props: { value: { type: Object } }, computed: { bgStyle() { return { "background-image": "url(" + this.config.registerBgImg + ")", }; }, }, mounted() {}, methods: { //获取验证码 getCaptcha() { this.$refs.registerForm.validateField("phone", errMsg => { if (!errMsg) { let me = this; me.captchaTimer = 60; me.captchaLoading = true; captcha({ phone: me.registerForm.phone }) .then(res => { me.captchaLoading = false; }) .catch(err => { me.captchaLoading = false; }); let _timer = setInterval(() => { --me.captchaTimer; if (me.captchaTimer == 0) { clearInterval(_timer); } }, 1000); } }); }, //注册 register() { let me = this; this.$refs.registerForm.validate(valid => { if (valid) { me.registerLoading = true; register({ type: "phone", username:me.registerForm.username, phone: me.registerForm.phone, password: md5(me.registerForm.pw2), captcha: me.registerForm.captcha }) .then(res => { me.$message({ message: me.$t('login_register_success'), type: "success" }); setTimeout(() => { this.$router.push("/"); }, 1000 * 2); }) .catch(err => { me.registerLoading = false; }); } }); }, goLoginPage() { this.$router.push("/"); } } }; </script> <style lang="scss" scoped> @function px2vw($px) { @return ($px / 1920) * 100vw; } $headH: px2vw(130); $footH: px2vw(172); .register { height: 100%; overflow: hidden; .register_hd { height: $headH; display: flex; align-items: center; padding-top: px2vw(30); padding-left: px2vw(15); .register_logo { width: px2vw(236); height: px2vw(56); margin-right: px2vw(20); img { height: 100%; width: 100%; } } .register_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; } } } .register_main { height: calc(100% - #{$headH} - #{$footH}); position: relative; background: url("../assets/register/bg.png") no-repeat center center; background-size: cover; .register_box { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: px2vw(1200); height: px2vw(655); border-radius: px2vw(3); background-color: #fff; padding: 0 px2vw(360) px2vw(40); h3 { text-align: center; line-height: px2vw(100); font-size: px2vw(24); color: #333; font-weight: bold; } .register_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); } .register_pwStrength { margin-top: px2vw(10); } &.register_row { ::v-deep.el-form-item__content { display: flex; align-items: center; } } } .register_capbtn { width: px2vw(200); height: px2vw(48); line-height: px2vw(48); padding: 0; } .register_submit { height: px2vw(48); line-height: px2vw(48); padding-top: 0; width: 100%; margin-top: px2vw(10); } .register_tips { padding-top: px2vw(20); span { color: #3486d2; cursor: pointer; } } } } .register_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; } } </style>

Ignore Space Show notes View

project/hivuiLogin/views/register.vue

<template>
  <div class="register">
    <div class="register_hd">
      <div class="register_logo">
        <img :src="config.loginLogoImg">
      </div>
      <div class="register_text">{{$t('hivuiLogin_register_title')}}</div>
    </div>
    <div class="register_main" :style="bgStyle">
      <div class="register_box">
        <h3>{{$t('hivuiLogin_register_box_title')}}</h3>
        <el-form ref="registerForm" :model="registerForm" :rules="registerRules">
          <el-form-item class="register_field" prop="username">
            <el-input ref="username" v-model="registerForm.username" type="text" :placeholder="$t('hivuiLogin_register_user')"></el-input>
          </el-form-item>
          <el-form-item class="register_field" prop="phone">
            <el-input ref="phone" v-model="registerForm.phone" type="text" :placeholder="$t('hivuiLogin_register_phone')"></el-input>
          </el-form-item>
          <el-form-item class="register_field" prop="pw1">
            <el-input ref="pw1" v-model="registerForm.pw1" type="password" :placeholder="$t('hivuiLogin_register_pw1')"></el-input>
            <pwStrength class="register_pwStrength" v-model="registerForm.pw1" :minPw="minPw"></pwStrength>
          </el-form-item>
          <el-form-item class="register_field" prop="pw2">
            <el-input ref="pw2" v-model="registerForm.pw2" type="password" :placeholder="$t('hivuiLogin_register_pw2')"></el-input>
          </el-form-item>
          <el-form-item class="register_field register_row" prop="captcha">
            <el-input ref="captcha" v-model="registerForm.captcha" type="text" :placeholder="$t('hivuiLogin_register_captcha')"></el-input>
            <el-button
              class="register_capbtn"
              :loading="captchaLoading"
              type="primary"
              :disabled="captchaTimer==0?false:true"
              @click="getCaptcha"
            >{{captchaTimer==0?$t('hivuiLogin_reset_getCaptcha'):(captchaTimer+$t('hivuiLogin_reset_getAgain'))}}</el-button>
          </el-form-item>
          
          <el-button
            class="register_submit"
            :loading="registerLoading"
            type="primary"
            @click="register"
          >{{$t('hivuiLogin_register_submit')}}</el-button>
        </el-form>
        <div class="register_tips">
          {{$t('hivuiLogin_register_tiptext1')}}
          <span @click="goLoginPage">{{$t('hivuiLogin_register_tiptext2')}}</span>
        </div>
      </div>
    </div>
    <div class="register_ft">{{config.copyright}}</div>
  </div>
</template>

<template>
  <div class="register">
    <div class="register_hd">
      <div class="register_logo">
        <img :src="config.loginLogoImg">
      </div>
      <div class="register_text">{{$t('login_register_title')}}</div>
    </div>
    <div class="register_main" :style="bgStyle">
      <div class="register_box">
        <h3>{{$t('login_register_box_title')}}</h3>
        <el-form ref="registerForm" :model="registerForm" :rules="registerRules">
          <el-form-item class="register_field" prop="username">
            <el-input ref="username" v-model="registerForm.username" type="text" :placeholder="$t('login_register_user')"></el-input>
          </el-form-item>
          <el-form-item class="register_field" prop="phone">
            <el-input ref="phone" v-model="registerForm.phone" type="text" :placeholder="$t('login_register_phone')"></el-input>
          </el-form-item>
          <el-form-item class="register_field" prop="pw1">
            <el-input ref="pw1" v-model="registerForm.pw1" type="password" :placeholder="$t('login_register_pw1')"></el-input>
            <pwStrength class="register_pwStrength" v-model="registerForm.pw1" :minPw="minPw"></pwStrength>
          </el-form-item>
          <el-form-item class="register_field" prop="pw2">
            <el-input ref="pw2" v-model="registerForm.pw2" type="password" :placeholder="$t('login_register_pw2')"></el-input>
          </el-form-item>
          <el-form-item class="register_field register_row" prop="captcha">
            <el-input ref="captcha" v-model="registerForm.captcha" type="text" :placeholder="$t('login_register_captcha')"></el-input>
            <el-button
              class="register_capbtn"
              :loading="captchaLoading"
              type="primary"
              :disabled="captchaTimer==0?false:true"
              @click="getCaptcha"
            >{{captchaTimer==0?$t('login_reset_getCaptcha'):(captchaTimer+$t('login_reset_getAgain'))}}</el-button>
          </el-form-item>
          
          <el-button
            class="register_submit"
            :loading="registerLoading"
            type="primary"
            @click="register"
          >{{$t('login_register_submit')}}</el-button>
        </el-form>
        <div class="register_tips">
          {{$t('login_register_tiptext1')}}
          <span @click="goLoginPage">{{$t('login_register_tiptext2')}}</span>
        </div>
      </div>
    </div>
    <div class="register_ft">{{config.copyright}}</div>
  </div>
</template>

Ignore Space Show notes View project/hivuiMain/components/dialog/index.vue
<template> <transition> <div class="pl-dialog-wrap" v-show="visible"> <vue-draggable-resizable ref="cmp-VueDraggable" class="pl-dialog" class-name-handle="pl-dialog-resize" :w="w" :h="h" :z="zindex" :minWidth="width" :minHeight="height" :x="x" :y="y" @dragging="onDrag" @resizing="onResize" :parent="true" :dragHandle="dragHandle" :enableNativeDrag="true" > <div class="pl-dialog-head" ref="dom-head"> <div class="title"> {{title}} </div> <i class="icon-close iconfont close" @click="handleCancel"></i> </div> <div class="pl-dialog-body" ref="dom-body" :style="bdStyle"> <div class="pl-dialog-content" ref="dom-content"> <div v-html="content"></div> <slot v-if="!content"></slot> </div> </div> <div class="pl-dialog-foot" ref="dom-foot" v-if="hasfoot"> <slot name="footer"> <button class="pl-btn pl-btn-round" @click="handleCancel">{{$t('hivuiMain_dialog_cancel')}}</button> <button class="pl-btn pl-btn-round pl-btn-primary" @click="handleOk">{{$t('hivuiMain_dialog_define')}}</button> </slot> </div> </vue-draggable-resizable> <div class="pl-dialog-shadow" v-if="shade"></div> </div> </transition> </template> <script> //https://mauricius.github.io/vue-draggable-resizable/?path=/info/styling--style-resizing import VueDraggableResizable from "vue-draggable-resizable"; export default { components: { VueDraggableResizable }, data() { return { w: this.width, h: this.height, x: 0, y: 0, dragHandle: ".pl-dialog-head", zindex: 10000, bdStyle:{ height:null }, visible:false, content:null }; }, props:{ title:{ type:String, default:""//this.$t('hivuiMain_dialog_def_title') }, width:{ type:Number, default:200 }, height:{ type:Number, default:200 }, offset:{ type:String, default:'' }, hasfoot:{ type:Boolean, default:true }, shade:{ type:Boolean, default:true } }, mounted() { document.body.appendChild(this.$el); }, updated(){ this.resizeBody(); }, beforeDestroy(){ this.$el.remove(); }, methods: { winResize(){ let parentW = document.documentElement.offsetWidth, parentH = document.documentElement.offsetHeight \|\| 0; this.winWidth=parentW; this.winHeight=parentH; }, setContent(html){ this.content = html; }, show(){ //v-if="visible" 显示会准 v-show会不准 this.visible=true; this.x = (document.documentElement.offsetWidth - this.w)/2; this.y = (document.documentElement.offsetHeight - this.h)/2; if(this.offset=='rb'){ this.x = (document.documentElement.offsetWidth - this.w); this.y = (document.documentElement.offsetHeight - this.h); } this.$nextTick(r=>{ //因为不会准所以重新计算 let dragable = this.$refs['cmp-VueDraggable']; dragable.resetBoundsAndMouseState(); dragable.rawWidth = this.w; dragable.rawHeight = this.h; dragable.rawLeft = this.x; dragable.rawTop = this.y; dragable.left = this.x; dragable.top = this.y; [dragable.parentWidth, dragable.parentHeight] = dragable.getParentSize(); dragable.rawRight = dragable.parentWidth - dragable.rawWidth - dragable.rawLeft dragable.rawBottom = dragable.parentHeight - dragable.rawHeight - dragable.rawTop }) }, hide(){ this.visible=false; }, resizeBody(){ if(!this.$refs['dom-head'])return; const headRect = this.$refs['dom-head'].getBoundingClientRect(); const footRect = this.$refs['dom-foot'].getBoundingClientRect(); this.bdStyle.height = (this.h - headRect.height - footRect.height)+'px'; }, onResize: function(x, y, width, height) { this.x = x; this.y = y; this.w = width; this.h = height; this.resizeBody(); }, onDrag: function(x, y) { this.x = x; this.y = y; }, handleOk(){ let backVal = this.$emit('onOk'); this.hide(); }, handleCancel(){ this.$emit('onCancel'); this.hide(); } } }; </script> <style lang="less"> .pl-dialog-wrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; } .pl-dialog-shadow { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0, 0, 0, 0.3); } .pl-dialog { background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); position: relative; >.pl-dialog-head { padding: 15px 10px; border-top: 2px #0066cc solid; background: #efefef; cursor: move; height: 16px; overflow: hidden; > .close { position: absolute; right: 8px; top: 12px; font-size: 24px; color:#666; cursor: pointer; &:hover{ color:red; transform: rotate(-90); -webkit-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } } } >.pl-dialog-body { overflow: auto; .pl-dialog-content{ padding: 8px; } } >.pl-dialog-foot{ height: 35px; overflow: hidden; padding: 10px; text-align: right; background-color:#f3f3f3; .pl-btn+.pl-btn{ margin-left: 15px; } } .pl-dialog-resize { position: absolute; height: 4px; width: 4px; display: block!important; } .pl-dialog-resize-tl { top: 0px; left: 0px; cursor: nw-resize; } .pl-dialog-resize-tm { top: 0; left: 4px; right:4px; width:auto; cursor: n-resize; } .pl-dialog-resize-tr { top: 0; right:0; cursor: ne-resize; } .pl-dialog-resize-ml { top: 4px; bottom:4px; left: 0; height: auto; cursor: w-resize; } .pl-dialog-resize-mr { top: 4px; bottom: 4px; right: 0; height: auto; cursor: e-resize; } .pl-dialog-resize-bl { bottom: 0; left: 0; cursor: sw-resize; } .pl-dialog-resize-bm { bottom: 0; left: 4px; right: 4px; width:auto; cursor: s-resize; } .pl-dialog-resize-br { bottom: 0; right: 0; cursor: se-resize; } } </style> <template> <transition> <div class="pl-dialog-wrap" v-show="visible"> <vue-draggable-resizable ref="cmp-VueDraggable" class="pl-dialog" class-name-handle="pl-dialog-resize" :w="w" :h="h" :z="zindex" :minWidth="width" :minHeight="height" :x="x" :y="y" @dragging="onDrag" @resizing="onResize" :parent="true" :dragHandle="dragHandle" :enableNativeDrag="true" > <div class="pl-dialog-head" ref="dom-head"> <div class="title"> {{title}} </div> <i class="icon-close iconfont close" @click="handleCancel"></i> </div> <div class="pl-dialog-body" ref="dom-body" :style="bdStyle"> <div class="pl-dialog-content" ref="dom-content"> <div v-html="content"></div> <slot v-if="!content"></slot> </div> </div> <div class="pl-dialog-foot" ref="dom-foot" v-if="hasfoot"> <slot name="footer"> <button class="pl-btn pl-btn-round" @click="handleCancel">{{$t('mainpage_dialog_cancel')}}</button> <button class="pl-btn pl-btn-round pl-btn-primary" @click="handleOk">{{$t('mainpage_dialog_define')}}</button> </slot> </div> </vue-draggable-resizable> <div class="pl-dialog-shadow" v-if="shade"></div> </div> </transition> </template> <script> //https://mauricius.github.io/vue-draggable-resizable/?path=/info/styling--style-resizing import VueDraggableResizable from "vue-draggable-resizable"; export default { components: { VueDraggableResizable }, data() { return { w: this.width, h: this.height, x: 0, y: 0, dragHandle: ".pl-dialog-head", zindex: 10000, bdStyle:{ height:null }, visible:false, content:null }; }, props:{ title:{ type:String, default:""//this.$t('mainpage_dialog_def_title') }, width:{ type:Number, default:200 }, height:{ type:Number, default:200 }, offset:{ type:String, default:'' }, hasfoot:{ type:Boolean, default:true }, shade:{ type:Boolean, default:true } }, mounted() { document.body.appendChild(this.$el); }, updated(){ this.resizeBody(); }, beforeDestroy(){ this.$el.remove(); }, methods: { winResize(){ let parentW = document.documentElement.offsetWidth, parentH = document.documentElement.offsetHeight \|\| 0; this.winWidth=parentW; this.winHeight=parentH; }, setContent(html){ this.content = html; }, show(){ //v-if="visible" 显示会准 v-show会不准 this.visible=true; this.x = (document.documentElement.offsetWidth - this.w)/2; this.y = (document.documentElement.offsetHeight - this.h)/2; if(this.offset=='rb'){ this.x = (document.documentElement.offsetWidth - this.w); this.y = (document.documentElement.offsetHeight - this.h); } this.$nextTick(r=>{ //因为不会准所以重新计算 let dragable = this.$refs['cmp-VueDraggable']; dragable.resetBoundsAndMouseState(); dragable.rawWidth = this.w; dragable.rawHeight = this.h; dragable.rawLeft = this.x; dragable.rawTop = this.y; dragable.left = this.x; dragable.top = this.y; [dragable.parentWidth, dragable.parentHeight] = dragable.getParentSize(); dragable.rawRight = dragable.parentWidth - dragable.rawWidth - dragable.rawLeft dragable.rawBottom = dragable.parentHeight - dragable.rawHeight - dragable.rawTop }) }, hide(){ this.visible=false; }, resizeBody(){ if(!this.$refs['dom-head'])return; const headRect = this.$refs['dom-head'].getBoundingClientRect(); const footRect = this.$refs['dom-foot'].getBoundingClientRect(); this.bdStyle.height = (this.h - headRect.height - footRect.height)+'px'; }, onResize: function(x, y, width, height) { this.x = x; this.y = y; this.w = width; this.h = height; this.resizeBody(); }, onDrag: function(x, y) { this.x = x; this.y = y; }, handleOk(){ let backVal = this.$emit('onOk'); this.hide(); }, handleCancel(){ this.$emit('onCancel'); this.hide(); } } }; </script> <style lang="less"> .pl-dialog-wrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; } .pl-dialog-shadow { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0, 0, 0, 0.3); } .pl-dialog { background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); position: relative; >.pl-dialog-head { padding: 15px 10px; border-top: 2px #0066cc solid; background: #efefef; cursor: move; height: 16px; overflow: hidden; > .close { position: absolute; right: 8px; top: 12px; font-size: 24px; color:#666; cursor: pointer; &:hover{ color:red; transform: rotate(-90); -webkit-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } } } >.pl-dialog-body { overflow: auto; .pl-dialog-content{ padding: 8px; } } >.pl-dialog-foot{ height: 35px; overflow: hidden; padding: 10px; text-align: right; background-color:#f3f3f3; .pl-btn+.pl-btn{ margin-left: 15px; } } .pl-dialog-resize { position: absolute; height: 4px; width: 4px; display: block!important; } .pl-dialog-resize-tl { top: 0px; left: 0px; cursor: nw-resize; } .pl-dialog-resize-tm { top: 0; left: 4px; right:4px; width:auto; cursor: n-resize; } .pl-dialog-resize-tr { top: 0; right:0; cursor: ne-resize; } .pl-dialog-resize-ml { top: 4px; bottom:4px; left: 0; height: auto; cursor: w-resize; } .pl-dialog-resize-mr { top: 4px; bottom: 4px; right: 0; height: auto; cursor: e-resize; } .pl-dialog-resize-bl { bottom: 0; left: 0; cursor: sw-resize; } .pl-dialog-resize-bm { bottom: 0; left: 4px; right: 4px; width:auto; cursor: s-resize; } .pl-dialog-resize-br { bottom: 0; right: 0; cursor: se-resize; } } </style>

Ignore Space Show notes View

project/hivuiMain/components/dialog/index.vue

<template>
    <transition>
    <div class="pl-dialog-wrap" v-show="visible">
        <vue-draggable-resizable
            ref="cmp-VueDraggable"
            class="pl-dialog"
            class-name-handle="pl-dialog-resize"
            :w="w"
            :h="h"
            :z="zindex"
            :minWidth="width"
            :minHeight="height"
            :x="x"
            :y="y"
            @dragging="onDrag"
            @resizing="onResize"
            :parent="true"
            :dragHandle="dragHandle"
            :enableNativeDrag="true"
        >
            <div class="pl-dialog-head" ref="dom-head">
                <div class="title">
                    {{title}}
                </div>
                <i class="icon-close iconfont close" @click="handleCancel"></i>
            </div>
            <div class="pl-dialog-body" ref="dom-body" :style="bdStyle">
                <div class="pl-dialog-content" ref="dom-content">
                    <div v-html="content"></div>
                    <slot v-if="!content"></slot>
                </div>
            </div>
            <div class="pl-dialog-foot" ref="dom-foot" v-if="hasfoot">
                <slot name="footer">
                    <button class="pl-btn pl-btn-round" @click="handleCancel">{{$t('hivuiMain_dialog_cancel')}}</button>
                    <button class="pl-btn pl-btn-round pl-btn-primary" @click="handleOk">{{$t('hivuiMain_dialog_define')}}</button>
                </slot>
            </div>
        </vue-draggable-resizable>
        <div class="pl-dialog-shadow" v-if="shade"></div>
    </div>
    </transition>
</template>
<script>
//https://mauricius.github.io/vue-draggable-resizable/?path=/info/styling--style-resizing
import VueDraggableResizable from "vue-draggable-resizable";
export default {
    components: {
        VueDraggableResizable
    },
    data() {
        return {
            w: this.width,
            h: this.height,
            x: 0,
            y: 0,
            dragHandle: ".pl-dialog-head",
            zindex: 10000,
            bdStyle:{
                height:null
            },
            visible:false,
            content:null
        };
    },
    props:{
        title:{
            type:String,
            default:""//this.$t('hivuiMain_dialog_def_title')
        },
        width:{
            type:Number,
            default:200
        },
        height:{
            type:Number,
            default:200
        },
        offset:{
            type:String,
            default:''
        },
        hasfoot:{
            type:Boolean,
            default:true
        },
        shade:{
            type:Boolean,
            default:true
        }

},
    mounted() {
        document.body.appendChild(this.$el);
    },
    updated(){
        this.resizeBody();
    },
    beforeDestroy(){
        this.$el.remove();
    },
    methods: {  
        winResize(){
            let parentW = document.documentElement.offsetWidth,
            parentH = document.documentElement.offsetHeight || 0;
            this.winWidth=parentW;
            this.winHeight=parentH;
        },
        setContent(html){
            this.content = html;
        },
        show(){
            //v-if="visible" 显示会准  v-show会不准
            this.visible=true;
            this.x = (document.documentElement.offsetWidth - this.w)/2;
            this.y = (document.documentElement.offsetHeight - this.h)/2;    
            if(this.offset=='rb'){
                this.x = (document.documentElement.offsetWidth - this.w);
                this.y = (document.documentElement.offsetHeight - this.h);    
            }
            this.$nextTick(r=>{
                //因为不会准 所以 重新计算
                let dragable = this.$refs['cmp-VueDraggable'];  
                dragable.resetBoundsAndMouseState();
                dragable.rawWidth = this.w;
                dragable.rawHeight = this.h;
                dragable.rawLeft = this.x;
                dragable.rawTop = this.y;
                dragable.left = this.x;
                dragable.top = this.y;
                [dragable.parentWidth, dragable.parentHeight] = dragable.getParentSize();
                dragable.rawRight = dragable.parentWidth - dragable.rawWidth - dragable.rawLeft
                dragable.rawBottom = dragable.parentHeight - dragable.rawHeight - dragable.rawTop
            })  
        },
        hide(){
            this.visible=false;
        },
        resizeBody(){
            if(!this.$refs['dom-head'])return;
            const headRect = this.$refs['dom-head'].getBoundingClientRect();
            const footRect = this.$refs['dom-foot'].getBoundingClientRect();
            this.bdStyle.height = (this.h - headRect.height - footRect.height)+'px';
        },
        onResize: function(x, y, width, height) {
            this.x = x;
            this.y = y;
            this.w = width;
            this.h = height;
            this.resizeBody();
        },
        onDrag: function(x, y) {
            this.x = x;
            this.y = y;
        },
        handleOk(){
            let backVal = this.$emit('onOk');
            this.hide();
        },
        handleCancel(){
            this.$emit('onCancel');
            this.hide();
        }        
    }
};
</script>
<style lang="less">
.pl-dialog-wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.pl-dialog-shadow {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(0, 0, 0, 0.3);
}
.pl-dialog {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);  
    position: relative;
    >.pl-dialog-head {
        padding: 15px 10px;
        border-top: 2px #0066cc solid;
        background: #efefef;
        cursor: move;
        height: 16px;
        overflow: hidden;
        > .close {
            position: absolute;
            right: 8px;
            top: 12px;
            font-size: 24px;
            color:#666;
            cursor: pointer;
            &:hover{
                color:red;   
                transform: rotate(-90);
                -webkit-transition: all 300ms linear;
                -ms-transition: all 300ms linear;
                transition: all 300ms linear;
            }
        }
    }
    >.pl-dialog-body {
        overflow: auto;
        .pl-dialog-content{
            padding: 8px;
        }
    }
    >.pl-dialog-foot{
        height: 35px;
        overflow: hidden;
        padding: 10px;
        text-align: right;
        background-color:#f3f3f3;
        .pl-btn+.pl-btn{
            margin-left: 15px;
        }
    }
    .pl-dialog-resize {
        position: absolute;
        height: 4px;
        width: 4px;
        display: block!important;
    }

.pl-dialog-resize-tl {
        top: 0px;
        left: 0px;
        cursor: nw-resize;
    }

.pl-dialog-resize-tm {
        top: 0;
        left: 4px;
        right:4px;
        width:auto;
        cursor: n-resize;
    }

.pl-dialog-resize-tr {
        top: 0;
        right:0;
        cursor: ne-resize;
    }

.pl-dialog-resize-ml {
        top: 4px;
        bottom:4px;
        left: 0;
        height: auto;
        cursor: w-resize;
    }

.pl-dialog-resize-mr {
        top: 4px;
        bottom: 4px;
        right: 0;
        height: auto;
        cursor: e-resize;
    }

.pl-dialog-resize-bl {
        bottom: 0;
        left: 0;
        cursor: sw-resize;
    }

.pl-dialog-resize-bm {
        bottom: 0;
        left: 4px;
        right: 4px;
        width:auto;
        cursor: s-resize;
    }

.pl-dialog-resize-br {
        bottom: 0;
        right: 0;
        cursor: se-resize;
    }
}
</style>

<template>
    <transition>
    <div class="pl-dialog-wrap" v-show="visible">
        <vue-draggable-resizable
            ref="cmp-VueDraggable"
            class="pl-dialog"
            class-name-handle="pl-dialog-resize"
            :w="w"
            :h="h"
            :z="zindex"
            :minWidth="width"
            :minHeight="height"
            :x="x"
            :y="y"
            @dragging="onDrag"
            @resizing="onResize"
            :parent="true"
            :dragHandle="dragHandle"
            :enableNativeDrag="true"
        >
            <div class="pl-dialog-head" ref="dom-head">
                <div class="title">
                    {{title}}
                </div>
                <i class="icon-close iconfont close" @click="handleCancel"></i>
            </div>
            <div class="pl-dialog-body" ref="dom-body" :style="bdStyle">
                <div class="pl-dialog-content" ref="dom-content">
                    <div v-html="content"></div>
                    <slot v-if="!content"></slot>
                </div>
            </div>
            <div class="pl-dialog-foot" ref="dom-foot" v-if="hasfoot">
                <slot name="footer">
                    <button class="pl-btn pl-btn-round" @click="handleCancel">{{$t('mainpage_dialog_cancel')}}</button>
                    <button class="pl-btn pl-btn-round pl-btn-primary" @click="handleOk">{{$t('mainpage_dialog_define')}}</button>
                </slot>
            </div>
        </vue-draggable-resizable>
        <div class="pl-dialog-shadow" v-if="shade"></div>
    </div>
    </transition>
</template>
<script>
//https://mauricius.github.io/vue-draggable-resizable/?path=/info/styling--style-resizing
import VueDraggableResizable from "vue-draggable-resizable";
export default {
    components: {
        VueDraggableResizable
    },
    data() {
        return {
            w: this.width,
            h: this.height,
            x: 0,
            y: 0,
            dragHandle: ".pl-dialog-head",
            zindex: 10000,
            bdStyle:{
                height:null
            },
            visible:false,
            content:null
        };
    },
    props:{
        title:{
            type:String,
            default:""//this.$t('mainpage_dialog_def_title')
        },
        width:{
            type:Number,
            default:200
        },
        height:{
            type:Number,
            default:200
        },
        offset:{
            type:String,
            default:''
        },
        hasfoot:{
            type:Boolean,
            default:true
        },
        shade:{
            type:Boolean,
            default:true
        }