You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
1.8 KiB
70 lines
1.8 KiB
![]()
1 month ago
|
<template>
|
||
|
<view class="coinsDetail-wrap">
|
||
|
<!-- :visitorInfo="visitorInfo" -->
|
||
|
<view style="margin-top: 20rpx;">
|
||
|
<VisitorInfo />
|
||
|
</view>
|
||
|
|
||
|
<view class="list-wrap">
|
||
|
<ListBox leftTitle="评级部门" :rightTitle="detailItem.name" />
|
||
|
<ListBox leftTitle="评级编号" :rightTitle="detailItem.num" />
|
||
|
<ListBox leftTitle="分数" :rightTitle="detailItem.count" />
|
||
|
<ListBox leftTitle="尺寸" :rightTitle="detailItem.size" />
|
||
|
<!-- 详情页面展示 -->
|
||
|
<ListBox v-if="id" leftTitle="操作人" :rightTitle="detailItem.operate" />
|
||
|
</view>
|
||
|
|
||
|
</view>
|
||
|
</template>
|
||
|
<script>
|
||
|
import ListBox from '@/components/listBox.vue';
|
||
|
import VisitorInfo from '@/components/visitorInfo.vue';
|
||
|
|
||
|
export default {
|
||
|
name: "coinsDetail",
|
||
|
props:['scanCodeDetail'],
|
||
|
components: {
|
||
|
VisitorInfo,
|
||
|
ListBox
|
||
|
},
|
||
|
data() {
|
||
|
return {
|
||
|
visitorInfo: {},
|
||
|
detailItem: {
|
||
|
name: '北京公博二部',
|
||
|
num: '1310684212',
|
||
|
count: 'AU 58',
|
||
|
size: '24.0*1.1mm,3.5g',
|
||
|
operate: '泅渡'
|
||
|
},
|
||
|
id:''
|
||
|
}
|
||
|
},
|
||
|
onLoad(options) {
|
||
|
console.log(options,'this.$route.query-=');
|
||
|
const {id} = options;
|
||
|
// 跳转详情页
|
||
|
if(id){
|
||
|
this.id = id;
|
||
|
}else{
|
||
|
// 扫描后的弹出框信息
|
||
|
// scanCodeDetail props传参
|
||
|
this.detailItem = {...this.scanCodeDetail}
|
||
|
}
|
||
|
// this.getDetail()
|
||
|
},
|
||
|
methods: {
|
||
|
// 获取详情信息
|
||
|
getDetail(){
|
||
|
|
||
|
}
|
||
|
}
|
||
|
};
|
||
|
</script>
|
||
|
<style lang="scss" scoped>
|
||
|
.coinsDetail-wrap {
|
||
|
.list-wrap {
|
||
|
padding: 0 18rpx 20rpx 18rpx;;
|
||
|
}
|
||
|
}
|
||
|
</style>
|