131 lines
4.7 KiB
Vue
131 lines
4.7 KiB
Vue
<template>
|
|
<view>
|
|
<view class="py-20">
|
|
<el-row :gutter="10">
|
|
<el-col :span="12">
|
|
<text class="text-35 font-bold">商品信息</text>
|
|
</el-col>
|
|
<el-col :span="4">
|
|
<text class="text-35 font-bold flex-1">单价</text>
|
|
</el-col>
|
|
<el-col :span="4">
|
|
<text class="text-35 font-bold flex-1">数量</text>
|
|
</el-col>
|
|
<el-col :span="4">
|
|
<text class="text-35 font-bold flex-1">金额</text>
|
|
</el-col>
|
|
</el-row>
|
|
</view>
|
|
<view class="p-20 mb-20" v-for="(item, index) in goods" :key="index">
|
|
<el-row :gutter="10">
|
|
<el-col :span="12">
|
|
<view class="flex justify-start items-start">
|
|
<el-image :src="item.goods.cover" class="cover ml-20" fit="fit" v-if="item.goods"/>
|
|
<view class="flex flex-col justify-start items-start ml-20">
|
|
<text class="font-bold mb-15">{{ item.goodsName }}</text>
|
|
<text class="text-gray" v-if="order.type === 0">{{ item.sku.label }}</text>
|
|
</view>
|
|
</view>
|
|
</el-col>
|
|
<el-col :span="4">
|
|
<text class="text-35 font-bold flex-1" v-if="order.type === 0">￥{{ item.sku.values }}</text>
|
|
<text class="text-35 font-bold flex-1" v-else>￥{{ item.goodsPrice }}</text>
|
|
</el-col>
|
|
<el-col :span="4">
|
|
<text class="text-35 font-bold flex-1">
|
|
x{{ item.num }}
|
|
</text>
|
|
</el-col>
|
|
<el-col :span="4">
|
|
<text class="text-35 font-bold flex-1 text-main" v-if="order.type === 0">￥{{
|
|
parseFloat(item.sku.values) * item.num
|
|
}}
|
|
</text>
|
|
<text class="text-35 font-bold flex-1 text-main" v-else>￥{{
|
|
parseFloat(item.goodsPrice) * item.num
|
|
}}
|
|
</text>
|
|
</el-col>
|
|
</el-row>
|
|
</view>
|
|
|
|
<view v-if="order.type === 1">
|
|
<p class="text-35 font-bold mb-25">服务详情</p>
|
|
<el-descriptions border :column="2">
|
|
<el-descriptions-item label="考察对象" v-if="selfProduct.type === 0">
|
|
<div style="margin-bottom: .5rem" v-for="(item, index) in selfProduct.contentList" :key="index">
|
|
<span>{{ item.name }}</span>
|
|
<template v-if="item.type && item.type === '个人'">
|
|
|
|
({{
|
|
item.code
|
|
}})--{{ item.addressRegion.province.name }}{{
|
|
item.addressRegion.city.name
|
|
}}{{ item.addressRegion.area.name }}{{ item.address }}
|
|
</template>
|
|
</div>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="考察产品" v-else>
|
|
<p style="margin-bottom: .5rem" v-for="(item, index) in selfProduct.contentList" :key="index">{{
|
|
item.name
|
|
}}--{{ item.addressRegion.province.name }}{{
|
|
item.addressRegion.city.name
|
|
}}{{ item.addressRegion.area.name }}{{ item.address }}</p>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="接收文件电子邮箱">
|
|
<span>{{ selfProduct.email }}</span>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="接收文件微信">
|
|
<span>{{ selfProduct.wechat }}</span>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="接收文件寄件地址">
|
|
<span v-if="selfProduct.receiveAddressRegion.province">{{
|
|
selfProduct.receiveAddressRegion.province.name
|
|
}}{{ selfProduct.receiveAddressRegion.city.name }}{{
|
|
selfProduct.receiveAddressRegion.area.name
|
|
}}{{ selfProduct.receiveAddress }}</span>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="申请人">
|
|
<span>{{ selfProduct.requestName }}</span>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="业务联系人">
|
|
<span>{{ selfProduct.contactName }}</span>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="业务联系方式">
|
|
<span>{{ selfProduct.contact }}</span>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="结果文件" v-if="order && order.resultFiles">
|
|
<div v-for="(item, index) in order.resultFiles" :key="index">
|
|
<a :href="item"
|
|
target="_blank">预览:文件{{ index + 1 }}</a>
|
|
</div>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="发送途径" v-if="order && order.sendMethod">{{ order.sendMethod }}
|
|
</el-descriptions-item>
|
|
</el-descriptions>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "goods",
|
|
props: {
|
|
goods: Array,
|
|
order: Object,
|
|
selfProduct: Object,
|
|
},
|
|
data() {
|
|
return {}
|
|
},
|
|
methods: {}
|
|
}
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
.cover {
|
|
width: 80px;
|
|
height: 80px;
|
|
}
|
|
</style> |