|
@@ -10,20 +10,10 @@
|
|
|
alt=""
|
|
alt=""
|
|
|
src="/static/assets/client-base-v4/image/template-logo.png"
|
|
src="/static/assets/client-base-v4/image/template-logo.png"
|
|
|
style="margin-top: -40px; width: 100px; height: 100px"
|
|
style="margin-top: -40px; width: 100px; height: 100px"
|
|
|
- @click="showAccount()"
|
|
|
|
|
/>
|
|
/>
|
|
|
|
|
+ <div class="desc" data-v-7b9d9b52="">Prodog 希望帮助您更好的管理物料</div>
|
|
|
</h1>
|
|
</h1>
|
|
|
- <div>
|
|
|
|
|
- <input
|
|
|
|
|
- v-model="accountItem.accountName"
|
|
|
|
|
- autocomplete="off"
|
|
|
|
|
- type="text"
|
|
|
|
|
- class="form-control"
|
|
|
|
|
- :placeholder="$t('lang.login.accountInfo')"
|
|
|
|
|
- readonly="true"
|
|
|
|
|
- disabled="true"
|
|
|
|
|
- />
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+
|
|
|
<div>
|
|
<div>
|
|
|
<input
|
|
<input
|
|
|
v-model="userName"
|
|
v-model="userName"
|
|
@@ -118,70 +108,35 @@
|
|
|
"
|
|
"
|
|
|
>
|
|
>
|
|
|
<div>
|
|
<div>
|
|
|
|
|
+ <a-switch v-model:checked="rememberPassword" />
|
|
|
<label
|
|
<label
|
|
|
for="inputPassword2"
|
|
for="inputPassword2"
|
|
|
class="form-control-static remember-password"
|
|
class="form-control-static remember-password"
|
|
|
- >{{ $t("lang.login.rememberPassword") }}</label>
|
|
|
|
|
|
|
+ style="margin-left: 1rem"
|
|
|
|
|
+ >
|
|
|
|
|
+ {{ $t("lang.login.rememberPassword") }}
|
|
|
|
|
+ </label>
|
|
|
</div>
|
|
</div>
|
|
|
<div>
|
|
<div>
|
|
|
- <Switches
|
|
|
|
|
- v-model="rememberPassword"
|
|
|
|
|
- :selected="rememberPassword"
|
|
|
|
|
- :show-text="false"
|
|
|
|
|
- style="width: 50px"
|
|
|
|
|
- color="green"
|
|
|
|
|
- :type-bold="true"
|
|
|
|
|
- />
|
|
|
|
|
|
|
+ <a class="reset_pass forget-password" @click="toForgetPassword()">{{
|
|
|
|
|
+ $t("lang.login.forgetPassword")
|
|
|
|
|
+ }}</a>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="clear" />
|
|
<div class="clear" />
|
|
|
</div>
|
|
</div>
|
|
|
<div>
|
|
<div>
|
|
|
- <div class="left">
|
|
|
|
|
- <a class="btn btn-default submit" @click="login">{{
|
|
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <a class="btn btn-default submit" style="width: 100%" @click="login">{{
|
|
|
$t("lang.login.login")
|
|
$t("lang.login.login")
|
|
|
}}</a>
|
|
}}</a>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="clear" />
|
|
<div class="clear" />
|
|
|
</div>
|
|
</div>
|
|
|
<div class="clearfix" />
|
|
<div class="clearfix" />
|
|
|
- <div class="separator">
|
|
|
|
|
- <p class="float-left">
|
|
|
|
|
- <a class="reset_pass" @click="toForgetPassword()">{{
|
|
|
|
|
- $t("lang.login.forgetPassword")
|
|
|
|
|
- }}</a>
|
|
|
|
|
- </p>
|
|
|
|
|
- <p class="float-left">
|
|
|
|
|
- <a
|
|
|
|
|
- v-show="showAccountCount > 15"
|
|
|
|
|
- class="reset_pass"
|
|
|
|
|
- @click="toInitClient()"
|
|
|
|
|
- >{{ $t("lang.login.initClient") }}</a>
|
|
|
|
|
- </p>
|
|
|
|
|
- <p v-if="allowCreateNewCount" class="change_link float-left">
|
|
|
|
|
- <a class="to_register" @click="toRegister()">{{
|
|
|
|
|
- $t("lang.login.createAccount")
|
|
|
|
|
- }}</a>
|
|
|
|
|
- </p>
|
|
|
|
|
- <p v-if="allowSystemManagement" class="change_link float-left">
|
|
|
|
|
- <a class="to_register" @click="toSystemMenu()">{{
|
|
|
|
|
- $t("lang.login.systemManagment")
|
|
|
|
|
- }}</a>
|
|
|
|
|
- </p>
|
|
|
|
|
- <p v-if="showSystemConfigPage" class="change_link float-left">
|
|
|
|
|
- <a @click="toSystemConfigPage()"><i class="glyphicon glyphicon-cog" />{{
|
|
|
|
|
- $t("lang.login.systemConfig")
|
|
|
|
|
- }}</a>
|
|
|
|
|
- </p>
|
|
|
|
|
- <p v-if="allowDownloadApp" class="float-right">
|
|
|
|
|
- <a
|
|
|
|
|
- class="to_register"
|
|
|
|
|
- style="margin-right: 0px"
|
|
|
|
|
- @click="toDownloadPage()"
|
|
|
|
|
- >{{ $t("lang.login.appDownload") }}</a>
|
|
|
|
|
- </p>
|
|
|
|
|
- <!-- <div class="clearfix" /> -->
|
|
|
|
|
- <br />
|
|
|
|
|
|
|
+ <div class="separator" />
|
|
|
|
|
+ <div v-if="authSetting != null && authSetting.length > 0">
|
|
|
|
|
+ <div class="other-login-method">其他登录方式</div>
|
|
|
<div class="login-third-box">
|
|
<div class="login-third-box">
|
|
|
<div class="login-third">
|
|
<div class="login-third">
|
|
|
<div class="login-third-items">
|
|
<div class="login-third-items">
|
|
@@ -206,22 +161,30 @@
|
|
|
<!-- <p>{{ $t("lang.login.copyright") }}</p> -->
|
|
<!-- <p>{{ $t("lang.login.copyright") }}</p> -->
|
|
|
<div class="copyright">
|
|
<div class="copyright">
|
|
|
{{ $t("lang.login.copyright") }}
|
|
{{ $t("lang.login.copyright") }}
|
|
|
- <<<|>>>
|
|
|
|
|
- <a href="https://beian.miit.gov.cn/" target="_blank">沪ICP备11017244号 </a>
|
|
|
|
|
|
|
+
|
|
|
|
|
+ <a href="https://beian.miit.gov.cn/" target="_blank">
|
|
|
|
|
+ 沪ICP备11017244号
|
|
|
|
|
+ </a>
|
|
|
|
|
+
|
|
|
<a
|
|
<a
|
|
|
href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011202004082"
|
|
href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011202004082"
|
|
|
target="_blank"
|
|
target="_blank"
|
|
|
- >沪公网安备 31011202004082号
|
|
|
|
|
|
|
+ >
|
|
|
|
|
+ 沪公网安备31011202004082号
|
|
|
</a>
|
|
</a>
|
|
|
|
|
|
|
|
<a
|
|
<a
|
|
|
href="http://fw.scjgj.sh.gov.cn/lz/licenseLink.do?method=licenceView&entyId=20120314203547743"
|
|
href="http://fw.scjgj.sh.gov.cn/lz/licenseLink.do?method=licenceView&entyId=20120314203547743"
|
|
|
target="_blank"
|
|
target="_blank"
|
|
|
- >工商亮照
|
|
|
|
|
|
|
+ >
|
|
|
|
|
+ 工商亮照
|
|
|
</a>
|
|
</a>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <div class="account-name">
|
|
|
|
|
+ {{ accountItem.accountName }}
|
|
|
|
|
+ </div>
|
|
|
<Loading v-if="loading" />
|
|
<Loading v-if="loading" />
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
@@ -243,13 +206,8 @@ export default {
|
|
|
userName: '',
|
|
userName: '',
|
|
|
password: '',
|
|
password: '',
|
|
|
accountItem: {},
|
|
accountItem: {},
|
|
|
- showAccountCount: 1,
|
|
|
|
|
rememberPassword: false,
|
|
rememberPassword: false,
|
|
|
accountDateTime: '',
|
|
accountDateTime: '',
|
|
|
- allowCreateNewCount: false, // 是否允许创建账户
|
|
|
|
|
- allowSystemManagement: false, // 是否允许打开系统管理界面
|
|
|
|
|
- allowDownloadApp: false, // 是否允许下载APP
|
|
|
|
|
- showSystemConfigPage: false, //显示设置系统参数
|
|
|
|
|
showLeanwoText: false,
|
|
showLeanwoText: false,
|
|
|
languageSelected: 'zh-CN',
|
|
languageSelected: 'zh-CN',
|
|
|
loading: false,
|
|
loading: false,
|
|
@@ -282,17 +240,13 @@ export default {
|
|
|
mounted: function () {
|
|
mounted: function () {
|
|
|
$('body').attr('class', 'body-login');
|
|
$('body').attr('class', 'body-login');
|
|
|
$('body').children(':first').attr('class', '');
|
|
$('body').children(':first').attr('class', '');
|
|
|
- var path = location.href;
|
|
|
|
|
- if (path.indexOf('mesapp') > 0) {
|
|
|
|
|
- this.showSystemConfigPage = true;
|
|
|
|
|
- }
|
|
|
|
|
|
|
+
|
|
|
this.initView();
|
|
this.initView();
|
|
|
this.queryAllAuthSetting();
|
|
this.queryAllAuthSetting();
|
|
|
this.unqiueAccountManagementDto();
|
|
this.unqiueAccountManagementDto();
|
|
|
|
|
|
|
|
this.getCurrentDate();
|
|
this.getCurrentDate();
|
|
|
|
|
|
|
|
- // this.allowCreateNewCount = CustomerEnvironment.INDEX_SHOW_REGISTER;
|
|
|
|
|
this.showLeanwoText = CustomerEnvironment.LOGIN_SHOW_LEANWO_TEXT;
|
|
this.showLeanwoText = CustomerEnvironment.LOGIN_SHOW_LEANWO_TEXT;
|
|
|
},
|
|
},
|
|
|
|
|
|
|
@@ -536,40 +490,11 @@ export default {
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
|
|
|
|
|
- showAccount: function () {
|
|
|
|
|
- var _self = this;
|
|
|
|
|
- _self.showAccountCount++;
|
|
|
|
|
- },
|
|
|
|
|
- /**
|
|
|
|
|
- * 跳转到注册页面
|
|
|
|
|
- * @return {void}
|
|
|
|
|
- */
|
|
|
|
|
- toRegister: function () {
|
|
|
|
|
- this.$router.push('/register');
|
|
|
|
|
- },
|
|
|
|
|
-
|
|
|
|
|
- /**
|
|
|
|
|
- * 跳转到产品下载页面
|
|
|
|
|
- */
|
|
|
|
|
- toDownloadPage: function () {
|
|
|
|
|
- this.$router.push('/register/app-download');
|
|
|
|
|
- },
|
|
|
|
|
-
|
|
|
|
|
- toInitClient: function () {
|
|
|
|
|
- this.$router.push('/register/register-client');
|
|
|
|
|
- },
|
|
|
|
|
|
|
|
|
|
toForgetPassword: function () {
|
|
toForgetPassword: function () {
|
|
|
this.$router.push('/retrievePassword');
|
|
this.$router.push('/retrievePassword');
|
|
|
},
|
|
},
|
|
|
|
|
|
|
|
- /**
|
|
|
|
|
- * 跳转到系统管理界面下
|
|
|
|
|
- * @author GuoZhiBo 20200420
|
|
|
|
|
- */
|
|
|
|
|
- toSystemMenu: function () {
|
|
|
|
|
- this.$router.push('/dictionary/Login');
|
|
|
|
|
- },
|
|
|
|
|
|
|
|
|
|
/**
|
|
/**
|
|
|
* 获取服务端当前时间
|
|
* 获取服务端当前时间
|
|
@@ -602,17 +527,19 @@ export default {
|
|
|
console.log('自动生成时间成功:' + this.accountDateTime);
|
|
console.log('自动生成时间成功:' + this.accountDateTime);
|
|
|
},
|
|
},
|
|
|
|
|
|
|
|
- /**
|
|
|
|
|
- * 跳转到系统配置页面
|
|
|
|
|
- */
|
|
|
|
|
- toSystemConfigPage: function () {
|
|
|
|
|
- this.$router.push('/desktop/systemConfig');
|
|
|
|
|
- },
|
|
|
|
|
},
|
|
},
|
|
|
};
|
|
};
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped>
|
|
<style scoped>
|
|
|
|
|
+.login{
|
|
|
|
|
+ /* background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('../assets/background.svg'); */
|
|
|
|
|
+ background-image: url('../assets/background.svg');
|
|
|
|
|
+ background-repeat: no-repeat;
|
|
|
|
|
+ background-position: center 110px;
|
|
|
|
|
+ background-size: 100%;
|
|
|
|
|
+ background-position: 50% 85%;
|
|
|
|
|
+}
|
|
|
.login_wrapper {
|
|
.login_wrapper {
|
|
|
margin: 0px auto;
|
|
margin: 0px auto;
|
|
|
padding-top: 5%;
|
|
padding-top: 5%;
|
|
@@ -682,7 +609,7 @@ export default {
|
|
|
.separator {
|
|
.separator {
|
|
|
border-top: 1px solid #d8d8d8;
|
|
border-top: 1px solid #d8d8d8;
|
|
|
margin-top: 10px;
|
|
margin-top: 10px;
|
|
|
- padding-top: 10px;
|
|
|
|
|
|
|
+ padding-top: 5px;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.login_content {
|
|
.login_content {
|
|
@@ -707,7 +634,7 @@ export default {
|
|
|
font: normal 25px Helvetica, Arial, sans-serif;
|
|
font: normal 25px Helvetica, Arial, sans-serif;
|
|
|
letter-spacing: -0.05em;
|
|
letter-spacing: -0.05em;
|
|
|
line-height: 20px;
|
|
line-height: 20px;
|
|
|
- margin: 10px 0 30px;
|
|
|
|
|
|
|
+ margin: 10px 0 20px;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.login_content h1:before,
|
|
.login_content h1:before,
|
|
@@ -840,7 +767,7 @@ export default {
|
|
|
color: #555666;
|
|
color: #555666;
|
|
|
}
|
|
}
|
|
|
.login-third {
|
|
.login-third {
|
|
|
- margin: 6px 0;
|
|
|
|
|
|
|
+ margin: 0px 6px 6px 0;
|
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
margin-left: 12px;
|
|
margin-left: 12px;
|
|
@@ -856,11 +783,45 @@ export default {
|
|
|
}
|
|
}
|
|
|
.login-third-item img {
|
|
.login-third-item img {
|
|
|
display: inline-block;
|
|
display: inline-block;
|
|
|
- width: 32px;
|
|
|
|
|
- height: 32px;
|
|
|
|
|
- border-radius: 50% 50%;
|
|
|
|
|
|
|
+ width: 64px;
|
|
|
|
|
+ height: 64px;
|
|
|
|
|
+ border-radius: 10% 10%;
|
|
|
background: #ccc;
|
|
background: #ccc;
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
- margin-left: 12px;
|
|
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.forget-password {
|
|
|
|
|
+ margin: 0 !important;
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ top: 0.5rem;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.copyright {
|
|
|
|
|
+ font-size: small;
|
|
|
|
|
+ position: fixed;
|
|
|
|
|
+ bottom: 0;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.desc{
|
|
|
|
|
+ margin-top: 12px;
|
|
|
|
|
+ margin-bottom: 2rem;
|
|
|
|
|
+ font-size: 14px;
|
|
|
|
|
+ letter-spacing: 0;
|
|
|
|
|
+ color: rgba(0, 0, 0, 0.65);
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.account-name{
|
|
|
|
|
+ position: fixed;
|
|
|
|
|
+ top: 1rem;
|
|
|
|
|
+ right: 1rem;
|
|
|
|
|
+ color: rgba(0, 0, 0, 0.45);
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.other-login-method{
|
|
|
|
|
+ text-align: left;
|
|
|
|
|
+ font-size: 12px;
|
|
|
|
|
+ margin-bottom: 0.4rem;
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|