96 lines
2.2 KiB
Vue
96 lines
2.2 KiB
Vue
<template>
|
|
<div class="accountEdit_page">
|
|
<div class="accountEdit_page_body">
|
|
<div class="accountEdit_page_body_item">
|
|
<div class="accountEdit_page_body_item_name">{{$t('account.Country')}}:</div>
|
|
<div class="accountEdit_page_body_item_inut">
|
|
<input type="text" disabled :value="userDetail.Country">
|
|
</div>
|
|
</div>
|
|
<div class="accountEdit_page_body_item">
|
|
<div class="accountEdit_page_body_item_name">{{$t('account.CompanyName')}}:</div>
|
|
<div class="accountEdit_page_body_item_inut">
|
|
<input type="text" disabled :value="userDetail.CompanyName">
|
|
</div>
|
|
</div>
|
|
<div class="accountEdit_page_body_item">
|
|
<div class="gallery_btn" @click="setSubmit">
|
|
{{$t('account.Submit')}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script lang="ts">
|
|
import { defineComponent,computed,ref,reactive,nextTick,toRefs,createVNode, onMounted} from 'vue'
|
|
import { Https } from "@/tool/https";
|
|
import { Modal,message } from 'ant-design-vue';
|
|
import { useStore } from "vuex";
|
|
import { useI18n } from 'vue-i18n'
|
|
export default defineComponent({
|
|
components:{
|
|
},
|
|
setup() {
|
|
const store = useStore();
|
|
let userDetail:any= computed(()=>{
|
|
return store.state.UserHabit.userDetail
|
|
})
|
|
let accountHomeData:any = reactive({
|
|
Country:'',
|
|
CompanyName:'',
|
|
})
|
|
let setSubmit = ()=>{
|
|
|
|
}
|
|
return{
|
|
...toRefs(accountHomeData),
|
|
userDetail,
|
|
setSubmit,
|
|
}
|
|
},
|
|
data(){
|
|
return{
|
|
|
|
}
|
|
},
|
|
})
|
|
</script>
|
|
<style lang="less" scoped>
|
|
.accountEdit_page{
|
|
.accountEdit_page_body{
|
|
width: 85rem;
|
|
.accountEdit_page_body_item{
|
|
display: flex;
|
|
margin-bottom: 5rem;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
.gallery_btn{
|
|
margin-left: auto;
|
|
}
|
|
input,textarea{
|
|
padding-left: 2.7rem;
|
|
border-radius: 1.6rem;
|
|
border: 2px solid #D0D0D0;
|
|
width: 100%;
|
|
font-size: 2rem;
|
|
}
|
|
input{
|
|
height: 7rem;
|
|
}
|
|
.accountEdit_page_body_item_name{
|
|
color: #000;
|
|
text-align: left;
|
|
font-size: 2rem;
|
|
}
|
|
.accountEdit_page_body_item_inut{
|
|
margin-top: 1.5rem;
|
|
flex: 1;
|
|
}
|
|
}
|
|
.accountEdit_page_body_item:last-child{
|
|
justify-content: center;
|
|
}
|
|
}
|
|
}
|
|
</style>
|