|
|
|
|
@@ -1,11 +1,10 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div class="accountEdit_page">
|
|
|
|
|
<div class="accountEdit_page_body">
|
|
|
|
|
<div class="accountEdit_page_body_item">
|
|
|
|
|
<div class="accountEdit_page_body_item generalModel_state">
|
|
|
|
|
<div class="accountEdit_page_body_item_name">{{$t('account.Name')}}:</div>
|
|
|
|
|
<div class="accountEdit_page_body_item_inut" style="display: flex;justify-content: space-between;">
|
|
|
|
|
<div class="generalModel_state_item" style="display: flex;justify-content: space-between;">
|
|
|
|
|
<a-select
|
|
|
|
|
class="gallerySelect"
|
|
|
|
|
v-model:value="selectSex"
|
|
|
|
|
size="large"
|
|
|
|
|
optionFilterProp="label"
|
|
|
|
|
@@ -15,16 +14,17 @@
|
|
|
|
|
allowClear
|
|
|
|
|
show-search
|
|
|
|
|
></a-select>
|
|
|
|
|
<input class="login_form_input" style="width: 30%;" :class="{active:!!userDetail.occupation}" type="text" :placeholder="$t('account.plaseFirst')" v-model="surname">
|
|
|
|
|
<input class="login_form_input" style="width: 30%;" :class="{active:!!userDetail.occupation}" type="text" :placeholder="$t('account.plaseLast')" v-model="givenName">
|
|
|
|
|
<input class="" style="width: 30%;" :class="{active:!!userDetail.occupation}" type="text" :placeholder="$t('account.plaseFirst')" v-model="surname">
|
|
|
|
|
<input class="" style="width: 30%;" :class="{active:!!userDetail.occupation}" type="text" :placeholder="$t('account.plaseLast')" v-model="givenName">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="accountEdit_page_body_item">
|
|
|
|
|
<div class="accountEdit_page_body_item generalModel_state">
|
|
|
|
|
<div class="accountEdit_page_body_item_name">{{$t('account.Country')}}:</div>
|
|
|
|
|
<div class="accountEdit_page_body_item_inut">
|
|
|
|
|
<div class="generalModel_state_item">
|
|
|
|
|
<a-select
|
|
|
|
|
v-model:value="Country"
|
|
|
|
|
size="large"
|
|
|
|
|
style="width: 100%;"
|
|
|
|
|
optionFilterProp="label"
|
|
|
|
|
:options="countryList"
|
|
|
|
|
placeholder="Please select"
|
|
|
|
|
@@ -33,10 +33,10 @@
|
|
|
|
|
></a-select>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="accountEdit_page_body_item">
|
|
|
|
|
<div class="accountEdit_page_body_item generalModel_state">
|
|
|
|
|
<div class="accountEdit_page_body_item_name">{{$t('account.CompanyName')}}:</div>
|
|
|
|
|
<div class="accountEdit_page_body_item_inut">
|
|
|
|
|
<input type="text" v-model="CompanyName">
|
|
|
|
|
<div class="generalModel_state_item">
|
|
|
|
|
<input type="text" style="width: 100%;" v-model="CompanyName">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="accountEdit_page_body_item">
|
|
|
|
|
@@ -165,56 +165,27 @@ export default defineComponent({
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
width: 100%;
|
|
|
|
|
align-items: flex-start;
|
|
|
|
|
.generalModel_state_item{
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
.gallery_btn{
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
}
|
|
|
|
|
.gallerySelect{
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
height: 40px;
|
|
|
|
|
:deep(.ant-select-selector){
|
|
|
|
|
height: 40px;
|
|
|
|
|
border: 2px solid #D0D0D0;
|
|
|
|
|
border-radius: 1.6rem;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
:deep(.ant-select-selector):hover{
|
|
|
|
|
border: 2px solid #000;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
input,textarea{
|
|
|
|
|
textarea{
|
|
|
|
|
padding-left: 11px;
|
|
|
|
|
border-radius: 1.6rem;
|
|
|
|
|
border: 2px solid #D0D0D0;
|
|
|
|
|
width: 100%;
|
|
|
|
|
font-size: 2rem;
|
|
|
|
|
}
|
|
|
|
|
input{
|
|
|
|
|
height: 40px;
|
|
|
|
|
}
|
|
|
|
|
.accountEdit_page_body_item_name{
|
|
|
|
|
color: #000;
|
|
|
|
|
text-align: left;
|
|
|
|
|
font-size: 2rem;
|
|
|
|
|
}
|
|
|
|
|
.accountEdit_page_body_item_inut{
|
|
|
|
|
margin-top: 1.5rem;
|
|
|
|
|
flex: 1;
|
|
|
|
|
.ant-select-lg{
|
|
|
|
|
font-size: 2rem;
|
|
|
|
|
}
|
|
|
|
|
.ant-select{
|
|
|
|
|
width: 100%;
|
|
|
|
|
border-radius: 1.6rem;
|
|
|
|
|
border: 2px solid #D0D0D0;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
.ant-select-selector{
|
|
|
|
|
border-radius: 1.6rem;
|
|
|
|
|
}
|
|
|
|
|
:deep(.ant-select-selector ){
|
|
|
|
|
border: none !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
margin-bottom: 1.5rem;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.accountEdit_page_body_item:last-child{
|
|
|
|
|
|