aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

印花和元素不等比缩放调整

Browse Source
This commit is contained in:
X1627315083
2025-02-07 17:34:23 +08:00
parent 0d136655fe
commit da0abbb92c
11 changed files with 134 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
src/component/HomePage/bindEmail.vue
View File

@@ -26,7 +26,7 @@
<div class="generalModel_btn back" v-if="bindType != 'Modify'">
<div class="generalModel_closeIcon" @click.stop="setBack()">
<span>←</span>
<span class="back_text">Back</span>
<span class="back_text">{{ $t('account.back') }}</span>
</div>
</div>
<div class="login_page">
@@ -41,24 +41,42 @@
'login_active',
]"
>
<span v-if="bindType == 'Modify'">Modify Email</span>
<span v-else>Bind personal information</span>
<span v-if="bindType == 'Modify'">{{ $t('account.ModifyEmail') }}</span>
<span v-else>{{ $t('account.information') }}</span>
</div>
</div>
<!-- 账号密码登录 start -->
<!-- v-show="login$props.Type == 'username'" -->
<div >
<div class="login_form_content" :state="emailStap">
<div class="login_form_title marign_top30">Email</div>
<div class="login_form_title marign_top30">{{ $t('account.Email') }}</div>
<input
class="login_form_input"
:class="{active:(userDetail.email !== '-------------') && bindType != 'Modify'}"
placeholder="Enter your email address"
:placeholder="$t('account.plaseEmail')"
v-model="email"
:disabled="(userDetail.email !== '-------------') && bindType != 'Modify'"
@keydown.enter="submitPerLogin()"
/>
<div v-if="bindType != 'Modify'">
<!-- <div class="login_form_title marign_top30">{{ $t('account.Name') }}</div>
<div style="display: flex;justify-content: space-between;">
<a-select
class="gallerySelect"
v-model:value="selectSex"
:disabled="!!userDetail.country"
size="large"
optionFilterProp="label"
style="width: 30%;"
:options="sexList"
:placeholder="$t('account.plaseSelectSex')"
allowClear
show-search
></a-select>
<input class="login_form_input" style="width: 30%;" :class="{active:!!userDetail.occupation}" :disabled="!!userDetail.occupation" type="text" :placeholder="$t('account.plaseFirst')" v-model="surname">
<input class="login_form_input" style="width: 30%;" :class="{active:!!userDetail.occupation}" :disabled="!!userDetail.occupation" type="text" :placeholder="$t('account.plaseLast')" v-model="givenName">
</div> -->
<div class="login_form_title marign_top30">{{$t('account.Country')}}:</div>
<div class="login_form_select">
<a-select
@@ -69,14 +87,14 @@
optionFilterProp="label"
style="width: 100%;"
:options="countryList"
placeholder="Please select"
:placeholder="$t('account.plaseCountry')"
allowClear
show-search
></a-select>
</div>
<div class="login_form_title marign_top30">{{$t('account.CompanyName')}}:</div>
<input class="login_form_input" :class="{active:!!userDetail.occupation}" :disabled="!!userDetail.occupation" type="text" placeholder="Please enter occupation" v-model="CompanyName">
<input class="login_form_input" :class="{active:!!userDetail.occupation}" :disabled="!!userDetail.occupation" type="text" :placeholder="$t('account.plaseEmail')" v-model="CompanyName">
</div>
<!-- 邮箱登录 start -->
@@ -157,7 +175,7 @@ export default defineComponent({
const bindType = ''
const router = useRouter()
let timer:any = 0;
const {locale} = useI18n()
const {locale,t} = useI18n()
const store = useStore();
let userDetail:any= computed(()=>{
return store.state.UserHabit.userDetail
@@ -171,6 +189,15 @@ export default defineComponent({
let userEmail = computed(()=>{
return store.state.UserHabit.userDetail.email
})
let userSex = computed(()=>{
return store.state.UserHabit.userDetail.email
})
let userSurname = computed(()=>{
return store.state.UserHabit.userDetail.email
})
let userGivenName = computed(()=>{
return store.state.UserHabit.userDetail.email
})
let register = reactive({
registerModel:computed(()=>{
return store.state.UserHabit.bindEmail.isBindEmail
@@ -180,10 +207,18 @@ export default defineComponent({
}),
registerModelMask:true,
pageWidth:'45%',
Country:'',
Country:null,
CompanyName:'',
countryList:country,
email:'',
sexList:[
{label:t('account.Mr'),value:'Mr'},
{label:t('account.Ms'),value:'Ms'},
{label:t('account.Miss'),value:'Miss'},
],
selectSex:'Mr',
surname:'',
givenName:'',
})
watch(userCountry,(newValue,oldValue)=>{
register.Country = newValue
@@ -294,6 +329,14 @@ export default defineComponent({
message.info("Please select a country");
return;
}
// if (!this.Country && this.bindType != 'Modify') {
// message.info("Please select a country");
// return;
// }
// if (!this.Country && this.bindType != 'Modify') {
// message.info("Please select a country");
// return;
// }
let type = 'BIND_MAILBOX'
if(this.email == this.userDetail.email && this.bindType != 'Modify')type = 'UPDATE_USERINFO'
let data = {
@@ -301,7 +344,10 @@ export default defineComponent({
"ip": "",
"operationType": type,
occupation:this.CompanyName,
country:this.Country
country:this.Country,
// title:'',
// surname:'',
// givenName:'',
};
if(this.loginTime){
this.loginTime = false
@@ -542,6 +588,7 @@ export default defineComponent({
height: 5rem;
border: 0.1rem solid #dfdfdf;
border-radius: 2.5rem;
align-items: center;
}
:deep(.ant-select-selector):hover{
border: 0.1rem solid #000;