This commit is contained in:
shijing 2024-08-07 17:51:09 +08:00
commit 119bc195d3
5 changed files with 80 additions and 14 deletions

View File

@ -114,4 +114,8 @@ a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: bo
}
#opl__opre>.el-descriptions__body>.el-descriptions__table:not(.is-bordered) .el-descriptions__cell{
padding-bottom: 5px;
}
.el-select {
width: 10vw;
}

View File

@ -131,6 +131,14 @@ html.dark {
margin: 0 5px;
}
.el-select__wrapper{
--el-border-color: #ffffff;
}
.el-select__placeholder.is-transparent {
color: #d8d8d8;
}
.el-select .el-input .el-select__caret {
color: #ffffff;
}
@ -157,7 +165,7 @@ html.dark {
height: 100%;
background: var(--el-bg-color-overlay);
border-color: var(--el-border-color-light);
border-radius: 20px;
// border-radius: 4px;
background: rgb(4, 50, 83);
background-color: rgb(4, 50, 83);
box-shadow: inset 0px 0px 30px 15px rgb(7, 79, 109);
@ -174,14 +182,19 @@ html.dark {
}
.scTable-table {
padding: 1vw;
border-radius: 20px;
padding: 0.2vw;
// border-radius: 4px;
background: rgb(4, 50, 83);
background-color: rgb(4, 50, 83);
box-shadow: inset 0px 0px 30px 15px rgb(7, 79, 109);
border: 1px solid #1279c3;
}
.scTable-page {
background: rgb(4, 50, 83);
border: 1px solid #1279c3;
}
.el-table {
--el-table-border-color: transparent;
--el-table-row-hover-bg-color: rgb(15, 59, 94);
@ -212,7 +225,9 @@ html.dark {
.el-table th.is-sortable:hover {
background: #111;
}
.el-table__header {
--el-table-tr-bg-color: #1e789a
}
.el-pagination.is-background .el-pager li.is-active {
background-color: #1e789a;
}
@ -245,7 +260,7 @@ html.dark {
display: flex;
justify-content: space-between;
line-height: 50px;
border-radius: 5px;
// border-radius: 4px;
padding: 0 1vw;
margin-top: 0.5vh;
align-items: center;

View File

@ -14,7 +14,7 @@
<el-input v-model="form.password" prefix-icon="el-icon-lock" clearable show-password
:placeholder="$t('login.PWPlaceholder')" @keyup.enter="login"></el-input>
</el-form-item>
<el-form-item style="margin-bottom: 10px">
<el-form-item style="margin-bottom: 10px;">
<el-col :span="12" class="login-reg">
<!-- <el-link @click="visitors">{{$t('login.fangke')}}</el-link> -->
</el-col>
@ -23,7 +23,7 @@
</el-col>
</el-form-item>
<el-form-item>
<el-button type="primary" style="width: 100%" :loading="islogin" round @click="login">{{ $t("login.signIn")
<el-button type="primary" style="width: 100%" :loading="islogin" @click="login">{{ $t("login.signIn")
}}</el-button>
</el-form-item>

View File

@ -6,7 +6,7 @@
<template #prepend>+86</template>
</el-input>
</el-form-item>
<el-form-item prop="code" style="margin-bottom: 35px;">
<el-form-item prop="code" style="margin-bottom: 20px;">
<div class="login-msg-yzm">
<el-input v-model="form.code" prefix-icon="el-icon-unlock" clearable
:placeholder="$t('login.smsPlaceholder')"></el-input>
@ -15,7 +15,7 @@
</div>
</el-form-item>
<el-form-item>
<el-button type="primary" style="width: 100%;" :loading="islogin" round @click="login">{{ $t('login.signIn')
<el-button type="primary" style="width: 100%;" :loading="islogin" @click="login">{{ $t('login.signIn')
}}</el-button>
</el-form-item>
<!-- <div class="login-reg">

View File

@ -27,16 +27,25 @@
<label>{{ baseConfig.base_name }}</label>
</div>
</div>
<el-tabs>
<div>
<el-segmented v-model="loginType" :options="loginTypeOptions" size="large">
<template #default="{ item }">
{{ item.label }}
</template>
</el-segmented>
<div style="height: 20px"></div>
<password-form v-if="loginType=='password'"></password-form>
<phone-form v-if="loginType=='phone'"></phone-form>
</div>
<!-- <el-tabs>
<el-tab-pane :label="$t('login.accountLogin')" lazy>
<password-form></password-form>
</el-tab-pane>
<!-- 手机号登陆 -->
<el-tab-pane :label="$t('login.mobileLogin')" lazy>
<phone-form></phone-form>
</el-tab-pane>
</el-tabs>
</el-tabs> -->
<!-- 微信登陆
<el-divider>{{ $t('login.signInOther') }}</el-divider>
<div class="login-oauth">
@ -52,6 +61,7 @@
<!-- <div class="login-oauth" v-else>
<el-button type="default" @click="faceLogin">刷脸登录</el-button>
</div> -->
<div class="copyright">Copyright © 2024 {{ baseConfig.base_right }}</div>
</div>
</div>
</div>
@ -119,7 +129,12 @@ export default {
showApp: false,
appUrl: 'http://222.222.144.147:6013/media/zc_ehs.apk',
showH5: false,
h5Url: 'http://222.222.144.147:6013/h5/'
h5Url: 'http://222.222.144.147:6013/h5/',
loginType:'password',
loginTypeOptions: [
{label: "账号登录", value: "password"},
{label: "手机登录", value: "phone"},
]
}
},
watch: {
@ -170,6 +185,9 @@ export default {
}
that.$API.system.config.base.req(req).then((res) => {
that.baseConfig = res.base;
if (that.baseConfig.base_right == undefined || that.baseConfig.base_right == null) {
that.baseConfig.base_right = "中存大数据";
}
that.$store.commit("SET_baseName", res.base.base_name);
that.$store.commit("SET_baseLogo", res.base.base_logo);
that.$TOOL.data.set("BASE_INFO", res)
@ -221,7 +239,7 @@ export default {
}
.login_adv {
width: 33.33333%;
width: 40%;
background-color: #555;
background-size: cover;
background-position: center center;
@ -379,6 +397,35 @@ export default {
top: 20px;
right: 20px;
}
.copyright {
position: absolute;
bottom: 30px;
right: 30px;
font-size: 16px;
color: rgb(36, 93, 116);
}
.copyright a {
color: #fff;
}
.copyright a:hover {
color: #fff;
}
.login-form:deep(.login-msg) {
display: flex;
width: 100%;
}
.login-form:deep(.login-msg) .el-input {
flex: 1;
}
.login-form:deep(.login-msg) .el-button {
margin-left: 10px;
--el-button-size: 42px;
}
.login-form:deep(.login-msg-yzm) {
display: flex;