<template>
<div>
<el-card class="fade-in-left" shadow="always">
<h3>물품상세정보</h3>
<el-row>
<el-col :span="10">
<div class="grid-content bg-purple">
<img :src="item.image" style="width:400px;" /> <br />
</div>
</el-col>
<el-col :span="14">
<div class="grid-content bg-purple-light">
품명: {{item.name}} <br />
가격: {{item.price}}<br />
수량: {{item.quantity}}
</div>
</el-col>
</el-row>
</el-card>
</div>
</template>
<script>
export default {
created() {
this.handleData();
},
data() {
return {
item: '',
code: this.$route.query.code,
}
},
methods: {
async handleData() {
const url = `/item/selectone?code=${this.code}`;
const headers = {"Content-Type":"application/json"};
const response = await this.axios.get(url, {headers: headers});
console.log(response.data);
if(response.data.status === 200) {
this.item = response.data.result;
}
}
}
}
</script>
<style scoped>
</style>