aida_front/src/component/Account/frontPage/mylnformation.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>