|
@@ -2,95 +2,100 @@
|
|
<div id="card-1">
|
|
<div id="card-1">
|
|
<el-row>
|
|
<el-row>
|
|
<el-col :span="24" class="main">
|
|
<el-col :span="24" class="main">
|
|
- <el-col :span="24" class="add">
|
|
|
|
- <el-col :span="2">
|
|
|
|
- <i class="el-icon-location"></i>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="22">
|
|
|
|
- <el-col>
|
|
|
|
- <p>{{ address.name }},{{ address.phone }}</p>
|
|
|
|
|
|
+ <el-col :span="11" class="main_one">
|
|
|
|
+ <el-col :span="24" class="add">
|
|
|
|
+ <el-col :span="2">
|
|
|
|
+ <i class="el-icon-location"></i>
|
|
</el-col>
|
|
</el-col>
|
|
- <el-col>
|
|
|
|
- <p>{{ address.province }} , {{ address.city }} , {{ address.area }} , {{ address.address }}</p>
|
|
|
|
|
|
+ <el-col :span="22">
|
|
|
|
+ <el-col>
|
|
|
|
+ <p>{{ address.name }},{{ address.phone }}</p>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col>
|
|
|
|
+ <p>{{ address.province }} , {{ address.city }} , {{ address.area }} , {{ address.address }}</p>
|
|
|
|
+ </el-col>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
- </el-col>
|
|
|
|
- <el-col :span="24" class="shop"> <i class="el-icon-s-shop"></i>{{ shop.name }}</el-col>
|
|
|
|
- <el-col :span="24" v-for="(item, index) in list" :key="index">
|
|
|
|
- <el-col :span="24" class="goods bode">
|
|
|
|
- <el-col :span="6"><el-image :src="item.goods.file[0].url"></el-image></el-col>
|
|
|
|
- <el-col :span="18">
|
|
|
|
- <el-col :span="12">
|
|
|
|
- <el-col>
|
|
|
|
- <p>{{ item.goods.name }}</p>
|
|
|
|
|
|
+ <el-col :span="24" class="shop"> <i class="el-icon-s-shop"></i>{{ shop.name }}</el-col>
|
|
|
|
+ <el-col :span="24" v-for="(item, index) in list" :key="index">
|
|
|
|
+ <el-col :span="24" class="goods bode">
|
|
|
|
+ <el-col :span="6"><el-image :src="item.goods.file[0].url"></el-image></el-col>
|
|
|
|
+ <el-col :span="18">
|
|
|
|
+ <el-col :span="12">
|
|
|
|
+ <el-col :span="24">
|
|
|
|
+ <p>{{ item.goods.name }}</p>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24">
|
|
|
|
+ <p>规格:{{ item.name }}</p>
|
|
|
|
+ </el-col>
|
|
</el-col>
|
|
</el-col>
|
|
- <el-col>
|
|
|
|
- <p>规格:{{ item.name }}</p>
|
|
|
|
- </el-col>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="12" class="money">
|
|
|
|
- <el-col>
|
|
|
|
- <p v-if="form.type == '0'">¥{{ item.sell_money }}</p>
|
|
|
|
- <p v-else-if="form.type == '1'">¥{{ item.group_config.money }}</p>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col>
|
|
|
|
- <p>X{{ item.buy_num }}</p>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col>
|
|
|
|
- <span class="spanfour" style="color: blue" @click="toUrl(item.goods.url)"> 查看商品来源:{{ item.goods.source }}</span>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col>
|
|
|
|
- <p>{{ item.is_afterSale == true ? '已申请售后' : '未申请售后' }}</p>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col>
|
|
|
|
- <p>{{ item.is_rate == true ? '已评价' : '未评价' }}</p>
|
|
|
|
|
|
+ <el-col :span="12" class="money">
|
|
|
|
+ <el-col :span="24" style="color: red; font-size: 20px">
|
|
|
|
+ <p v-if="form.type == '0' && item.price">¥{{ item.price }}</p>
|
|
|
|
+ <p v-else-if="form.type == '0' && !item.price">¥{{ item.sell_money }}</p>
|
|
|
|
+ <p v-else-if="form.type == '1'">¥{{ item.group_config.money }}</p>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24">
|
|
|
|
+ <p>X{{ item.buy_num }}</p>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24">
|
|
|
|
+ <span class="spanfour" style="color: blue" @click="toUrl(item.goods.url)"> 查看商品来源:{{ item.goods.source }}</span>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24">
|
|
|
|
+ <p>{{ item.is_afterSale == true ? '已申请售后' : '未申请售后' }}</p>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24">
|
|
|
|
+ <p>{{ item.is_rate == true ? '已评价' : '未评价' }}</p>
|
|
|
|
+ </el-col>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
|
|
+ <el-col :span="24" class="bode">
|
|
|
|
+ <el-col :span="6">运费</el-col>
|
|
|
|
+ <el-col :span="18" class="other" v-if="!item.goods.freight == '0'">{{ item.goods.freight }}</el-col>
|
|
|
|
+ <el-col :span="18" class="other" v-else>包邮</el-col>
|
|
|
|
+ </el-col>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="24" class="bode">
|
|
<el-col :span="24" class="bode">
|
|
- <el-col :span="6">运费</el-col>
|
|
|
|
- <el-col :span="18" class="other" v-if="!item.goods.freight == '0'">{{ item.goods.freight }}</el-col>
|
|
|
|
- <el-col :span="18" class="other" v-else>包邮</el-col>
|
|
|
|
|
|
+ <el-col :span="6">订单备注</el-col>
|
|
|
|
+ <el-col :span="18" class="other" v-if="form.remarks">{{ form.remarks }}</el-col>
|
|
|
|
+ <el-col :span="18" class="other" v-else>暂无备注</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
- </el-col>
|
|
|
|
- <el-col :span="24" class="bode">
|
|
|
|
- <el-col :span="6">订单备注</el-col>
|
|
|
|
- <el-col :span="18" class="other" v-if="form.remarks">{{ form.remarks }}</el-col>
|
|
|
|
- <el-col :span="18" class="other" v-else>暂无备注</el-col>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="24" class="bode">
|
|
|
|
- <el-col :span="6">配送方式</el-col>
|
|
|
|
- <el-col :span="18" class="other">{{ form.transport_type_name }}</el-col>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="24" class="goods_total bode">
|
|
|
|
- <el-col :span="6">快递费</el-col>
|
|
|
|
- <el-col :span="18" class="other">
|
|
|
|
- <p>¥{{ total_detail.freight_total }}</p>
|
|
|
|
|
|
+ <el-col :span="24" class="bode">
|
|
|
|
+ <el-col :span="6">配送方式</el-col>
|
|
|
|
+ <el-col :span="18" class="other">{{ form.transport_type_name || '暂无' }}</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
- </el-col>
|
|
|
|
- <el-col :span="24" class="goods_total bode">
|
|
|
|
- <el-col :span="8">优惠后实付金额</el-col>
|
|
|
|
- <el-col :span="16" class="other">
|
|
|
|
- <p>¥{{ pay.pay_money }}</p>
|
|
|
|
|
|
+ <el-col :span="24" class="goods_total bode">
|
|
|
|
+ <el-col :span="8">商品总额</el-col>
|
|
|
|
+ <el-col :span="16" class="other">
|
|
|
|
+ <p>¥{{ total_detail.goods_total }}</p>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24" class="goods_total bode">
|
|
|
|
+ <el-col :span="8">平台活动优惠</el-col>
|
|
|
|
+ <el-col :span="16" class="other"> <p></p> </el-col>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24" class="goods_total bode">
|
|
|
|
+ <el-col :span="8">优惠后实付金额</el-col>
|
|
|
|
+ <el-col :span="16" class="other">
|
|
|
|
+ <p>¥{{ pay.pay_money }}</p>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24" class="goods_total bode">
|
|
|
|
+ <el-col :span="6">快递费</el-col>
|
|
|
|
+ <el-col :span="18" class="other">
|
|
|
|
+ <p>¥{{ total_detail.freight_total }}</p>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24" class="bode">
|
|
|
|
+ <el-col :span="6">下单时间</el-col>
|
|
|
|
+ <el-col :span="18" class="other">{{ form.buy_time }}</el-col>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24" class="bode">
|
|
|
|
+ <el-col :span="6">支付时间</el-col>
|
|
|
|
+ <el-col :span="18" class="other">{{ form.pay_time }}</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
- <el-col :span="24" class="bode">
|
|
|
|
- <el-col :span="6">下单时间</el-col>
|
|
|
|
- <el-col :span="18" class="other">{{ form.buy_time }}</el-col>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="24" class="bode">
|
|
|
|
- <el-col :span="6">支付时间</el-col>
|
|
|
|
- <el-col :span="18" class="other">{{ form.pay_time }}</el-col>
|
|
|
|
- </el-col>
|
|
|
|
- <!-- <el-col :span="24" class="bode" v-if="form.status == '3'">
|
|
|
|
- <el-col :span="6">寄出运单号</el-col>
|
|
|
|
- <el-col :span="18" class="other">{{ transport.shop_transport_no || '暂无单号' }}</el-col>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="24" class="bode" v-if="form.status == '3'">
|
|
|
|
- <el-col :span="6">寄出快递公司</el-col>
|
|
|
|
- <el-col :span="18" class="other">{{ transport.shop_transport_name || '暂无快递信息' }}</el-col>
|
|
|
|
- </el-col> -->
|
|
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
</div>
|
|
</div>
|
|
@@ -137,7 +142,10 @@ export default {
|
|
|
|
|
|
<style lang="less" scoped>
|
|
<style lang="less" scoped>
|
|
.main {
|
|
.main {
|
|
- padding: 0 25%;
|
|
|
|
|
|
+ padding: 0 5%;
|
|
|
|
+ .main_one {
|
|
|
|
+ margin: 0 30px;
|
|
|
|
+ }
|
|
.add {
|
|
.add {
|
|
border-bottom: 2px dashed #ccc;
|
|
border-bottom: 2px dashed #ccc;
|
|
margin: 0 0 5px 0;
|
|
margin: 0 0 5px 0;
|
|
@@ -157,7 +165,6 @@ export default {
|
|
.transport {
|
|
.transport {
|
|
margin: 50px;
|
|
margin: 50px;
|
|
padding: 5px;
|
|
padding: 5px;
|
|
- // margin: 0 0 0 40px;
|
|
|
|
border: 1px solid rgb(254, 195, 195);
|
|
border: 1px solid rgb(254, 195, 195);
|
|
}
|
|
}
|
|
.other {
|
|
.other {
|
|
@@ -165,6 +172,7 @@ export default {
|
|
word-break: break-all;
|
|
word-break: break-all;
|
|
p {
|
|
p {
|
|
color: red;
|
|
color: red;
|
|
|
|
+ font-size: 20px;
|
|
}
|
|
}
|
|
.spanfour {
|
|
.spanfour {
|
|
color: blue;
|
|
color: blue;
|