更新
This commit is contained in:
weipengfei
parent
b4a459f0cb
commit
8b82c6be8c
@ -15,6 +15,18 @@ import request from './request'
|
|||||||
export function orderListApi(data) {
|
export function orderListApi(data) {
|
||||||
return request.get('order/lst', data)
|
return request.get('order/lst', data)
|
||||||
}
|
}
|
||||||
|
/**
|
||||||
|
* @description 转账订单 -- 列表
|
||||||
|
*/
|
||||||
|
export function orderOtherListApi(data) {
|
||||||
|
return request.get('order_other/lst', data)
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* @description 转账订单 -- 上传凭证
|
||||||
|
*/
|
||||||
|
export function orderOtherPayOrder(data) {
|
||||||
|
return request.post('order_other/pay_order', data)
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @description 订单 -- 表头
|
* @description 订单 -- 表头
|
||||||
@ -43,18 +55,31 @@ export function orderDeliveryApi(id) {
|
|||||||
return request.get(`store/order/delivery/${id}/form`)
|
return request.get(`store/order/delivery/${id}/form`)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @description 订单 -- 详情
|
* @description 订单 -- 详情
|
||||||
*/
|
*/
|
||||||
export function orderDetailApi(id) {
|
export function orderDetailApi(id) {
|
||||||
return request.get(`order/detail/${id}`)
|
return request.get(`order/detail/${id}`)
|
||||||
}
|
}
|
||||||
|
/**
|
||||||
|
* @description 订单 -- 详情
|
||||||
|
*/
|
||||||
|
export function orderOtherDetailApi(id) {
|
||||||
|
return request.get(`order_other/detail/${id}`)
|
||||||
|
}
|
||||||
/**
|
/**
|
||||||
* @description 订单 -- 记录
|
* @description 订单 -- 记录
|
||||||
*/
|
*/
|
||||||
export function orderLogApi(id, data) {
|
export function orderLogApi(id, data) {
|
||||||
return request.get(`order/status/${id}`, data)
|
return request.get(`order/status/${id}`, data)
|
||||||
}
|
}
|
||||||
|
/**
|
||||||
|
* @description 订单 -- 记录
|
||||||
|
*/
|
||||||
|
export function orderOtherLogApi(id, data) {
|
||||||
|
return request.get(`order_other/status/${id}`, data)
|
||||||
|
}
|
||||||
/**
|
/**
|
||||||
* @description 退款订单 -- 列表
|
* @description 退款订单 -- 列表
|
||||||
*/
|
*/
|
||||||
@ -67,6 +92,12 @@ export function refundorderListApi(data) {
|
|||||||
export function getChildrenOrderApi(id) {
|
export function getChildrenOrderApi(id) {
|
||||||
return request.get(`order/children/${id}`)
|
return request.get(`order/children/${id}`)
|
||||||
}
|
}
|
||||||
|
/**
|
||||||
|
* @description 订单 -- 子订单
|
||||||
|
*/
|
||||||
|
export function getChildrenOrderOtherApi(id) {
|
||||||
|
return request.get(`order_other/children/${id}`)
|
||||||
|
}
|
||||||
/**
|
/**
|
||||||
* @description 获取物流信息
|
* @description 获取物流信息
|
||||||
*/
|
*/
|
||||||
@ -79,6 +110,12 @@ export function getExpress(id) {
|
|||||||
export function exportOrderApi(data) {
|
export function exportOrderApi(data) {
|
||||||
return request.get(`order/excel`, data )
|
return request.get(`order/excel`, data )
|
||||||
}
|
}
|
||||||
|
/**
|
||||||
|
* @description 导出订单
|
||||||
|
*/
|
||||||
|
export function exportOrderOtherApi(data) {
|
||||||
|
return request.get(`order_other/excel`, data )
|
||||||
|
}
|
||||||
/**
|
/**
|
||||||
* @description 导出退款单
|
* @description 导出退款单
|
||||||
*/
|
*/
|
||||||
|
|||||||
17
src/api/public.js
Normal file
17
src/api/public.js
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
// +----------------------------------------------------------------------
|
||||||
|
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||||||
|
// +----------------------------------------------------------------------
|
||||||
|
// | Copyright (c) 2016~2021 https://www.crmeb.com All rights reserved.
|
||||||
|
// +----------------------------------------------------------------------
|
||||||
|
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||||||
|
// +----------------------------------------------------------------------
|
||||||
|
// | Author: CRMEB Team <admin@crmeb.com>
|
||||||
|
// +----------------------------------------------------------------------
|
||||||
|
import request from './request'
|
||||||
|
/**
|
||||||
|
* @description 上传图片
|
||||||
|
*/
|
||||||
|
export function uploadImage(data) {
|
||||||
|
return request.post('upload/image/0/file', data)
|
||||||
|
}
|
||||||
|
|
||||||
@ -44,7 +44,15 @@ const orderRouter =
|
|||||||
title: '核销订单'
|
title: '核销订单'
|
||||||
},
|
},
|
||||||
component: () => import('@/views/order/orderCancellate/index')
|
component: () => import('@/views/order/orderCancellate/index')
|
||||||
}
|
},
|
||||||
|
{
|
||||||
|
path: 'listTransfer',
|
||||||
|
name: 'listTransfer',
|
||||||
|
meta: {
|
||||||
|
title: '转账订单'
|
||||||
|
},
|
||||||
|
component: () => import('@/views/order/listTransfer/index')
|
||||||
|
},
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
732
src/views/order/listTransfer/index.vue
Normal file
732
src/views/order/listTransfer/index.vue
Normal file
@ -0,0 +1,732 @@
|
|||||||
|
<template>
|
||||||
|
<div class="divBox">
|
||||||
|
<el-card class="box-card">
|
||||||
|
<div slot="header" class="clearfix">
|
||||||
|
<div class="container">
|
||||||
|
<el-form size="small" inline label-width="100px">
|
||||||
|
<!-- <el-form-item label="订单状态：">
|
||||||
|
<el-radio-group v-model="tableFrom.status" type="button" @change="getList(1),getCardList()">
|
||||||
|
<el-radio-button label="">全部 {{ '(' +orderChartType.all?orderChartType.all:0 + ')' }}</el-radio-button>
|
||||||
|
<el-radio-button
|
||||||
|
label="1"
|
||||||
|
>待付款 {{ '(' +orderChartType.unpaid?orderChartType.unpaid:0+ ')' }}</el-radio-button>
|
||||||
|
<el-radio-button
|
||||||
|
label="2"
|
||||||
|
>待发货 {{ '(' +orderChartType.unshipped?orderChartType.unshipped:0+ ')' }}</el-radio-button>
|
||||||
|
<el-radio-button
|
||||||
|
label="3"
|
||||||
|
>待收货 {{ '(' +orderChartType.untake?orderChartType.untake:0+ ')' }}</el-radio-button>
|
||||||
|
<el-radio-button
|
||||||
|
label="4"
|
||||||
|
>待评价 {{ '(' +orderChartType.unevaluate?orderChartType.unevaluate:0+ ')' }}</el-radio-button>
|
||||||
|
<el-radio-button
|
||||||
|
label="5"
|
||||||
|
>交易完成 {{ '(' +orderChartType.complete?orderChartType.complete:0+ ')' }}</el-radio-button>
|
||||||
|
<el-radio-button
|
||||||
|
label="6"
|
||||||
|
>已退款 {{ '(' +orderChartType.refund?orderChartType.refund:0+ ')' }}</el-radio-button>
|
||||||
|
<el-radio-button
|
||||||
|
label="7"
|
||||||
|
>已删除 {{ '(' +orderChartType.del?orderChartType.del:0+ ')' }}</el-radio-button>
|
||||||
|
</el-radio-group>
|
||||||
|
</el-form-item> -->
|
||||||
|
<el-form-item label="时间选择：" class="width100">
|
||||||
|
<el-radio-group
|
||||||
|
v-model="tableFrom.date"
|
||||||
|
type="button"
|
||||||
|
class="mr20"
|
||||||
|
size="small"
|
||||||
|
@change="selectChange(tableFrom.date)"
|
||||||
|
>
|
||||||
|
<el-radio-button
|
||||||
|
v-for="(item,i) in fromList.fromTxt"
|
||||||
|
:key="i"
|
||||||
|
:label="item.val"
|
||||||
|
>{{ item.text }}</el-radio-button>
|
||||||
|
</el-radio-group>
|
||||||
|
<el-date-picker
|
||||||
|
v-model="timeVal"
|
||||||
|
value-format="yyyy/MM/dd"
|
||||||
|
format="yyyy/MM/dd"
|
||||||
|
size="small"
|
||||||
|
type="daterange"
|
||||||
|
placement="bottom-end"
|
||||||
|
placeholder="自定义时间"
|
||||||
|
style="width: 250px;"
|
||||||
|
@change="onchangeTime"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<!-- <el-form-item label="活动类型：" style="display: inline-block;">
|
||||||
|
<el-select
|
||||||
|
v-model="tableFrom.activity_type"
|
||||||
|
clearable
|
||||||
|
filterable
|
||||||
|
placeholder="请选择"
|
||||||
|
class="selWidth"
|
||||||
|
@change="getList(1),getCardList()"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in activity"
|
||||||
|
:key="item.type"
|
||||||
|
:label="item.name"
|
||||||
|
:value="item.type"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item> -->
|
||||||
|
<el-form-item label="商户名称：" style="display: inline-block;">
|
||||||
|
<el-select
|
||||||
|
v-model="tableFrom.mer_id"
|
||||||
|
clearable
|
||||||
|
filterable
|
||||||
|
placeholder="请选择"
|
||||||
|
class="selWidth"
|
||||||
|
@change="getList(1),getCardList()"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in merSelect"
|
||||||
|
:key="item.mer_id"
|
||||||
|
:label="item.mer_name"
|
||||||
|
:value="item.mer_id"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="商户类别：" style="display: inline-block;">
|
||||||
|
<el-select
|
||||||
|
v-model="tableFrom.is_trader"
|
||||||
|
clearable
|
||||||
|
placeholder="请选择"
|
||||||
|
class="selWidth"
|
||||||
|
@change="getList(1),getCardList()"
|
||||||
|
>
|
||||||
|
<el-option label="自营" value="1" />
|
||||||
|
<el-option label="非自营" value="0" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="商品名称：" class="width100" style="display: inline-block;">
|
||||||
|
<el-input
|
||||||
|
v-model="tableFrom.store_name"
|
||||||
|
@keyup.enter.native="getList(1),getCardList()"
|
||||||
|
placeholder="请输入商品名称"
|
||||||
|
class="selWidth"
|
||||||
|
size="small"
|
||||||
|
>
|
||||||
|
<el-button slot="append" icon="el-icon-search" size="small" class="el-button-solt" @click="getList(1),getCardList()" />
|
||||||
|
</el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="关键字：" class="width100" style="display: inline-block;">
|
||||||
|
<el-input
|
||||||
|
v-model="tableFrom.keywords"
|
||||||
|
@keyup.enter.native="getList(1),getCardList()"
|
||||||
|
placeholder="请输入订单号/收货人/联系方式"
|
||||||
|
class="selWidth"
|
||||||
|
size="small"
|
||||||
|
>
|
||||||
|
<el-button slot="append" icon="el-icon-search" size="small" class="el-button-solt" @click="getList(1),getCardList()" />
|
||||||
|
</el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="总单单号：" class="width100" style="display: inline-block;">
|
||||||
|
<el-input
|
||||||
|
v-model="tableFrom.group_order_sn"
|
||||||
|
@keyup.enter.native="getList(1),getCardList()"
|
||||||
|
placeholder="请输入总单单号"
|
||||||
|
class="selWidth"
|
||||||
|
size="small"
|
||||||
|
>
|
||||||
|
<el-button slot="append" icon="el-icon-search" size="small" class="el-button-solt" @click="getList(1),getCardList()" />
|
||||||
|
</el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="用户信息：" class="width100" style="display: inline-block;">
|
||||||
|
<el-input
|
||||||
|
v-model="tableFrom.username"
|
||||||
|
@keyup.enter.native="getList(1),getCardList()"
|
||||||
|
placeholder="请输入用户昵称/手机号"
|
||||||
|
class="selWidth"
|
||||||
|
size="small"
|
||||||
|
>
|
||||||
|
<el-button slot="append" icon="el-icon-search" size="small" class="el-button-solt" @click="getList(1),getCardList()" />
|
||||||
|
</el-input>
|
||||||
|
<el-button size="small" type="primary" icon="el-icon-top" @click="exports">导出列表</el-button>
|
||||||
|
<!-- <el-button size="small" type="primary" @click="getExportFileList">导出记录</el-button> -->
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
<el-tabs v-if="headeNum.length > 0" v-model="tableFrom.order_type" @tab-click="getList(1),getCardList()">
|
||||||
|
<el-tab-pane v-for="(item,index) in headeNum" :key="index" :name="item.order_type.toString()" :label="item.title +'('+item.count +')' " />
|
||||||
|
</el-tabs>
|
||||||
|
<!-- <cards-data :card-lists="cardLists" /> -->
|
||||||
|
</div>
|
||||||
|
<el-table
|
||||||
|
v-loading="listLoading"
|
||||||
|
:data="tableData.data"
|
||||||
|
style="width: 100%"
|
||||||
|
size="mini"
|
||||||
|
class="table"
|
||||||
|
highlight-current-row
|
||||||
|
:cell-class-name="addTdClass"
|
||||||
|
>
|
||||||
|
<el-table-column type="expand">
|
||||||
|
<template slot-scope="props">
|
||||||
|
<el-form label-position="left" inline class="demo-table-expand">
|
||||||
|
<el-form-item label="商品总价：">
|
||||||
|
<span>{{ props.row.total_price | filterEmpty }}</span>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="下单时间：">
|
||||||
|
<span>{{ props.row.create_time | filterEmpty }}</span>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="用户备注：">
|
||||||
|
<span>{{ props.row.mark | filterEmpty }}</span>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="商家备注：">
|
||||||
|
<span>{{ props.row.remark | filterEmpty }}</span>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="总单号：">
|
||||||
|
<span>{{ props.row.groupOrder ? props.row.groupOrder.group_order_sn : '' }}</span>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="订单编号" min-width="170">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span style="display: block;" v-text="scope.row.order_sn" />
|
||||||
|
<span v-show="scope.row.is_del > 0" style="color: #ED4014;display: block;">用户已删除</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="用户信息" min-width="170">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button type="text" size="small" @click.native="onUserDetails(scope.row.uid)">{{scope.row.user&&scope.row.user.nickname +'/'+ scope.row.uid}}</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="订单类型" min-width="90">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ scope.row.is_virtual == 1 ? "虚拟订单" : scope.row.order_type == 0 ? "普通订单" : "核销订单" }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<!-- <el-table-column label="活动类型" min-width="100">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span v-if="scope.row.activity_type != 4">{{ scope.row.activity_type === 1 ? "秒杀" : scope.row.activity_type === 2 ? "预售" : scope.row.activity_type === 3 ? "助力" : "--"}}</span>
|
||||||
|
<span v-else>拼团订单 <span v-if="scope.row.groupUser && scope.row.groupUser.groupBuying">-{{scope.row.groupUser.groupBuying.status | activityOrderStatus}}</span></span>
|
||||||
|
</template>
|
||||||
|
</el-table-column> -->
|
||||||
|
<el-table-column prop="real_name" label="收货人/订购人" min-width="120" />
|
||||||
|
<el-table-column label="商户名称" min-width="150">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ scope.row.merchant ? scope.row.merchant.mer_name :'' }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="mer_name" label="商户类别" min-width="90">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span v-if="scope.row.merchant" class="spBlock">{{ scope.row.merchant.is_trader ? '自营' : '非自营' }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="商品信息" min-width="330">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<div
|
||||||
|
v-for="(val, i) in scope.row.orderProduct"
|
||||||
|
:key="i"
|
||||||
|
class="tabBox acea-row row-middle"
|
||||||
|
>
|
||||||
|
<div class="demo-image__preview">
|
||||||
|
<el-image
|
||||||
|
:src="val.cart_info.product.image"
|
||||||
|
:preview-src-list="[val.cart_info.product.image]"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<span
|
||||||
|
class="tabBox_tit"
|
||||||
|
>{{ val.cart_info.product.store_name + ' | ' }}{{ val.cart_info.productAttr.sku }}</span>
|
||||||
|
<span class="tabBox_pice">
|
||||||
|
{{ '￥'+ val.cart_info.productAttr.price + ' x '+ val.product_num }}
|
||||||
|
<em
|
||||||
|
v-if="val.refund_num < val.product_num && val.refund_num > 0"
|
||||||
|
style="color: red;font-style: normal;"
|
||||||
|
>(-{{ val.product_num - val.refund_num }})</em>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="实际支付" min-width="100">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ scope.row.pay_price }}</span>
|
||||||
|
<p v-if="scope.row.finalOrder">尾款：{{ scope.row.finalOrder.pay_price }}</p>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="订单佣金" min-width="100">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ (parseFloat(scope.row.extension_one) + parseFloat(scope.row.extension_two) + parseFloat(scope.row.refund_extension_one) + parseFloat(scope.row.refund_extension_two)).toFixed(2) }}</span>
|
||||||
|
<em v-if="(scope.row.refund_extension_one > 0) || (scope.row.refund_extension_two > 0)" style="color: red;font-style: normal;">(-{{ (parseFloat(scope.row.refund_extension_one)+parseFloat(scope.row.refund_extension_two)).toFixed(2) }})</em>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="支付类型" min-width="80">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span v-if="scope.row.paid === 1">{{ scope.row.pay_type | orderPayType }}</span>
|
||||||
|
<span v-else>--</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="支付状态" min-width="80">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ scope.row.paid == 0 ? "未支付" : "已支付" }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="订单状态" min-width="100">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span v-if="scope.row.is_del === 0">
|
||||||
|
<span v-if="scope.row.paid === 0">待付款</span>
|
||||||
|
<span v-else>
|
||||||
|
<span v-if="scope.row.order_type === 0 || scope.row.order_type === 2">{{ scope.row.status | orderStatusFilter }}</span>
|
||||||
|
<span v-else>{{ scope.row.status | takeOrderStatusFilter }}</span>
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
<span v-else>已删除</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="serviceScore" label="下单时间" min-width="130">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ scope.row.create_time }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="推广人" min-width="100">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ scope.row.spread && scope.row.spread.nickname || '无' }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="上级推广人" min-width="100">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ scope.row.TopSpread && scope.row.TopSpread.nickname || '无' }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" min-width="80" fixed="right" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span v-for="(val, i ) in scope.row.orderProduct" :key="i">
|
||||||
|
<el-button
|
||||||
|
v-if="orderFilter(scope.row)"
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
@click="onRefundDetail(scope.row.order_sn)"
|
||||||
|
>查看退款单</el-button>
|
||||||
|
</span>
|
||||||
|
<el-button type="text" size="small" @click="onOrderDetails(scope.row.order_id)">详情</el-button>
|
||||||
|
<el-button type="text" size="small" @click="uploadVoucher(scope.row)">上传凭证</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<div class="block">
|
||||||
|
<el-pagination
|
||||||
|
:page-sizes="[20, 40, 60, 80]"
|
||||||
|
:page-size="tableFrom.limit"
|
||||||
|
:current-page="tableFrom.page"
|
||||||
|
layout="total, sizes, prev, pager, next, jumper"
|
||||||
|
:total="tableData.total"
|
||||||
|
@size-change="handleSizeChange"
|
||||||
|
@current-change="pageChange"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
<!--用户信息-->
|
||||||
|
<el-dialog v-if="uid" title="用户详情" :visible.sync="visibleDetail" width="1000px" :before-close="Close">
|
||||||
|
<user-details v-if="visibleDetail" ref="userDetails" :uid="uid" :cancel-time="cancel_time" />
|
||||||
|
</el-dialog>
|
||||||
|
<!--导出订单列表-->
|
||||||
|
<file-list ref="exportList" />
|
||||||
|
<!--详情-->
|
||||||
|
<order-detail
|
||||||
|
ref="orderDetail"
|
||||||
|
:orderId="orderId"
|
||||||
|
@closeDrawer="closeDrawer"
|
||||||
|
@changeDrawer="changeDrawer"
|
||||||
|
:drawer="drawer"
|
||||||
|
></order-detail>
|
||||||
|
<el-dialog
|
||||||
|
v-if="dialogVoucher"
|
||||||
|
title="上传凭证"
|
||||||
|
:visible.sync="dialogVoucher"
|
||||||
|
width="500px"
|
||||||
|
:before-close="closeDialogVoucher"
|
||||||
|
>
|
||||||
|
<el-form :model="voucherInfo">
|
||||||
|
<el-form-item label="订单编号" label-width="100px">
|
||||||
|
<el-input v-model="voucherInfo.order_sn" disabled></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="凭证图片" label-width="100px">
|
||||||
|
<div style="display: flex">
|
||||||
|
<el-upload
|
||||||
|
class="upload-demo"
|
||||||
|
drag
|
||||||
|
action="store/import/import_images"
|
||||||
|
:multiple="false"
|
||||||
|
:http-request="uploadVoucherImage"
|
||||||
|
:accept="'image/*'"
|
||||||
|
:limit="1"
|
||||||
|
>
|
||||||
|
<i class="el-icon-upload"></i>
|
||||||
|
<div class="el-upload__text">
|
||||||
|
将凭证图片拖到此处，或<em>点击上传</em>
|
||||||
|
</div>
|
||||||
|
<div class="el-upload__tip" slot="tip">
|
||||||
|
只能上传图片文件
|
||||||
|
</div>
|
||||||
|
</el-upload>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
<div style="display: flex;justify-content: flex-end;">
|
||||||
|
<el-button size="small" @click="closeDialogVoucher">取消</el-button>
|
||||||
|
<el-button size="small" type="primary" @click="addVoucher">确认</el-button>
|
||||||
|
</div>
|
||||||
|
</el-form>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// +----------------------------------------------------------------------
|
||||||
|
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||||||
|
// +----------------------------------------------------------------------
|
||||||
|
// | Copyright (c) 2016~2021 https://www.crmeb.com All rights reserved.
|
||||||
|
// +----------------------------------------------------------------------
|
||||||
|
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||||||
|
// +----------------------------------------------------------------------
|
||||||
|
// | Author: CRMEB Team <admin@crmeb.com>
|
||||||
|
// +----------------------------------------------------------------------
|
||||||
|
import { orderOtherListApi, chartApi, cardListApi, exportOrderOtherApi, orderOtherPayOrder } from "@/api/order";
|
||||||
|
import { merSelectApi } from "@/api/product";
|
||||||
|
import { uploadImage } from "@/api/public";
|
||||||
|
import userDetails from '../../user/list/userDetails';
|
||||||
|
import orderDetail from './orderDetails.vue';
|
||||||
|
import fileList from '@/components/exportFile/fileList';
|
||||||
|
import createWorkBook from '@/utils/newToExcel.js';
|
||||||
|
import cardsData from "@/components/cards/index";
|
||||||
|
import { fromList } from "@/libs/constants.js";
|
||||||
|
import { Message } from 'element-ui';
|
||||||
|
export default {
|
||||||
|
components: { orderDetail, cardsData, fileList, userDetails },
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
orderId: 0,
|
||||||
|
tableData: {
|
||||||
|
data: [],
|
||||||
|
total: 0,
|
||||||
|
},
|
||||||
|
dialogVoucher: false, //上传凭证
|
||||||
|
voucherInfo: {
|
||||||
|
group_order_id: '',
|
||||||
|
order_sn: '',
|
||||||
|
image: '',
|
||||||
|
},
|
||||||
|
activity: [
|
||||||
|
{name: "秒杀订单",type: 1},
|
||||||
|
{name: "预售订单",type: 2},
|
||||||
|
{name: "助力订单",type: 3},
|
||||||
|
{name: "拼团订单",type: 4}
|
||||||
|
],
|
||||||
|
listLoading: true,
|
||||||
|
tableFrom: {
|
||||||
|
order_sn: this.$route.query.order_sn ? this.$route.query.order_sn : "",
|
||||||
|
group_order_sn: '',
|
||||||
|
keywords: "",
|
||||||
|
username: "",
|
||||||
|
store_name: "",
|
||||||
|
status: "",
|
||||||
|
date: "",
|
||||||
|
mer_id: "",
|
||||||
|
page: 1,
|
||||||
|
limit: 20,
|
||||||
|
is_trader: '',
|
||||||
|
activity_type: ''
|
||||||
|
},
|
||||||
|
orderChartType: {},
|
||||||
|
headeNum: [],
|
||||||
|
timeVal: [],
|
||||||
|
fromList: fromList,
|
||||||
|
selectionList: [],
|
||||||
|
ids: "",
|
||||||
|
uid: "",
|
||||||
|
visibleDetail: false,
|
||||||
|
tableFromLog: {
|
||||||
|
page: 1,
|
||||||
|
limit: 10,
|
||||||
|
},
|
||||||
|
tableDataLog: {
|
||||||
|
data: [],
|
||||||
|
total: 0,
|
||||||
|
},
|
||||||
|
LogLoading: false,
|
||||||
|
dialogVisible: false,
|
||||||
|
cardLists: [],
|
||||||
|
orderDatalist: null,
|
||||||
|
merSelect: [],
|
||||||
|
drawer: false,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
if (this.$route.query.hasOwnProperty("order_sn")) {
|
||||||
|
this.tableFrom.order_sn = this.$route.query.order_sn;
|
||||||
|
} else {
|
||||||
|
this.tableFrom.order_sn = "";
|
||||||
|
}
|
||||||
|
this.headerList();
|
||||||
|
this.getMerSelect();
|
||||||
|
this.getCardList()
|
||||||
|
this.getList('');
|
||||||
|
},
|
||||||
|
// 被缓存接收参数
|
||||||
|
activated() {
|
||||||
|
if (this.$route.query.hasOwnProperty("order_sn")) {
|
||||||
|
this.tableFrom.order_sn = this.$route.query.order_sn;
|
||||||
|
} else {
|
||||||
|
this.tableFrom.order_sn = "";
|
||||||
|
}
|
||||||
|
this.headerList();
|
||||||
|
this.getMerSelect();
|
||||||
|
this.getCardList()
|
||||||
|
this.getList('');
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 退款详情页
|
||||||
|
onRefundDetail(sn) {
|
||||||
|
console.log(sn, "sn");
|
||||||
|
this.$router.push({
|
||||||
|
path: "refund",
|
||||||
|
query: {
|
||||||
|
sn: sn,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 订单筛选
|
||||||
|
orderFilter(item) {
|
||||||
|
let status = false;
|
||||||
|
item.orderProduct.forEach((el) => {
|
||||||
|
if (el.refund_num > 0 && el.refund_num < el.product_num) {
|
||||||
|
status = true;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return status;
|
||||||
|
},
|
||||||
|
// 表格某一行添加特定的样式
|
||||||
|
addTdClass(val) {
|
||||||
|
if (val.row.status > 0 && val.row.paid == 1) {
|
||||||
|
for (let i = 0; i < val.row.orderProduct.length; i++) {
|
||||||
|
if (val.row.orderProduct[i].refund_num > 0 && val.row.orderProduct[i].refund_num < val.row.orderProduct[i].product_num) {
|
||||||
|
return "row-bg";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
return " ";
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 商户列表；
|
||||||
|
getMerSelect() {
|
||||||
|
merSelectApi()
|
||||||
|
.then((res) => {
|
||||||
|
this.merSelect = res.data;
|
||||||
|
})
|
||||||
|
.catch((res) => {
|
||||||
|
this.$message.error(res.message);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 用户信息
|
||||||
|
onUserDetails(uid) {
|
||||||
|
this.uid = uid
|
||||||
|
this.visibleDetail = true
|
||||||
|
},
|
||||||
|
Close() {
|
||||||
|
this.visibleDetail = false
|
||||||
|
},
|
||||||
|
async exports() {
|
||||||
|
let excelData = JSON.parse(JSON.stringify(this.tableFrom)), data = []
|
||||||
|
excelData.page = 1
|
||||||
|
let pageCount = 1
|
||||||
|
let lebData = {};
|
||||||
|
for (let i = 0; i < pageCount; i++) {
|
||||||
|
lebData = await this.downData(excelData)
|
||||||
|
pageCount = Math.ceil(lebData.count/excelData.limit)
|
||||||
|
if (lebData.export.length) {
|
||||||
|
data = data.concat(lebData.export)
|
||||||
|
excelData.page++
|
||||||
|
}
|
||||||
|
}
|
||||||
|
createWorkBook(lebData.header, lebData.title, data, lebData.foot,lebData.filename);
|
||||||
|
return
|
||||||
|
},
|
||||||
|
/**订单列表 */
|
||||||
|
downData(excelData) {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
exportOrderOtherApi(excelData).then((res) => {
|
||||||
|
return resolve(res.data)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 导出
|
||||||
|
exportRecord() {
|
||||||
|
exportOrderOtherApi(this.tableFrom)
|
||||||
|
.then((res) => {
|
||||||
|
const h = this.$createElement;
|
||||||
|
this.$msgbox({
|
||||||
|
title: '提示',
|
||||||
|
message: h('p', null, [
|
||||||
|
h('span', null, '文件正在生成中，请稍后点击"'),
|
||||||
|
h('span', { style: 'color: teal' }, '导出记录'),
|
||||||
|
h('span', null, '"查看~ '),
|
||||||
|
]),
|
||||||
|
confirmButtonText: '我知道了',
|
||||||
|
}).then(action => {
|
||||||
|
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.catch((res) => {
|
||||||
|
this.$message.error(res.message)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 导出列表
|
||||||
|
getExportFileList() {
|
||||||
|
this.$refs.exportList.exportFileList()
|
||||||
|
},
|
||||||
|
// 详情
|
||||||
|
onOrderDetails(id) {
|
||||||
|
this.orderId = id;
|
||||||
|
this.$refs.orderDetail.getInfo(id);
|
||||||
|
this.drawer = true;
|
||||||
|
// this.$refs.orderDetail.onOrderDetails(id);
|
||||||
|
// this.$refs.orderDetail.onOrderLog(id);
|
||||||
|
},
|
||||||
|
changeDrawer(v) {
|
||||||
|
this.drawer = v;
|
||||||
|
},
|
||||||
|
closeDrawer() {
|
||||||
|
this.drawer = false;
|
||||||
|
},
|
||||||
|
pageChangeLog(page) {
|
||||||
|
this.tableFromLog.page = page;
|
||||||
|
this.getList('');
|
||||||
|
},
|
||||||
|
handleSizeChangeLog(val) {
|
||||||
|
this.tableFromLog.limit = val;
|
||||||
|
this.getList('');
|
||||||
|
},
|
||||||
|
// 选择时间
|
||||||
|
selectChange(tab) {
|
||||||
|
this.tableFrom.date = tab;
|
||||||
|
this.tableFrom.page = 1;
|
||||||
|
this.timeVal = [];
|
||||||
|
this.getCardList()
|
||||||
|
this.getList(1);
|
||||||
|
},
|
||||||
|
// 具体日期
|
||||||
|
onchangeTime(e) {
|
||||||
|
this.timeVal = e;
|
||||||
|
this.tableFrom.date = e ? this.timeVal.join("-") : "";
|
||||||
|
this.tableFrom.page = 1;
|
||||||
|
this.getCardList()
|
||||||
|
this.getList(1);
|
||||||
|
},
|
||||||
|
// 列表
|
||||||
|
getList(num) {
|
||||||
|
this.listLoading = true;
|
||||||
|
this.tableFrom.page = num ? num : this.tableFrom.page;
|
||||||
|
orderOtherListApi(this.tableFrom)
|
||||||
|
.then((res) => {
|
||||||
|
this.tableData.data = res.data.list;
|
||||||
|
this.tableData.total = res.data.count;
|
||||||
|
// this.cardLists = res.data.stat;
|
||||||
|
this.listLoading = false;
|
||||||
|
// this.getCardList();
|
||||||
|
})
|
||||||
|
.catch((res) => {
|
||||||
|
this.$message.error(res.message);
|
||||||
|
this.listLoading = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
getCardList(){
|
||||||
|
cardListApi(this.tableFrom)
|
||||||
|
.then((res) => {
|
||||||
|
this.cardLists = res.data;
|
||||||
|
})
|
||||||
|
.catch((res) => {
|
||||||
|
this.$message.error(res.message);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
pageChange(page) {
|
||||||
|
this.tableFrom.page = page;
|
||||||
|
this.getList('');
|
||||||
|
},
|
||||||
|
handleSizeChange(val) {
|
||||||
|
this.tableFrom.limit = val;
|
||||||
|
this.getList('');
|
||||||
|
},
|
||||||
|
headerList() {
|
||||||
|
chartApi()
|
||||||
|
.then((res) => {
|
||||||
|
this.orderChartType = res.data;
|
||||||
|
})
|
||||||
|
.catch((res) => {
|
||||||
|
this.$message.error(res.message);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 上传凭证
|
||||||
|
uploadVoucher(data){
|
||||||
|
this.voucherInfo.group_order_id = data.group_order_id;
|
||||||
|
this.voucherInfo.order_sn = data.order_sn;
|
||||||
|
this.dialogVoucher = true;
|
||||||
|
},
|
||||||
|
closeDialogVoucher(){
|
||||||
|
this.dialogVoucher = false;
|
||||||
|
},
|
||||||
|
async uploadVoucherImage (options) {
|
||||||
|
console.log('上传', options);
|
||||||
|
const file = options.file;
|
||||||
|
const formData = new FormData();
|
||||||
|
formData.append('file', file);
|
||||||
|
uploadImage(formData).then((res) => {
|
||||||
|
Message.success('上传成功');
|
||||||
|
this.voucherInfo.image = res.data.src;
|
||||||
|
}).catch(e => {
|
||||||
|
Message.error(e);
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 上传
|
||||||
|
addVoucher(){
|
||||||
|
if(!this.voucherInfo.image) return Message.error('请先上传凭证!');
|
||||||
|
orderOtherPayOrder({
|
||||||
|
id: this.voucherInfo.group_order_id,
|
||||||
|
images: this.voucherInfo.image
|
||||||
|
}).then(res=>{
|
||||||
|
Message.success(res.message);
|
||||||
|
this.closeDialogVoucher;
|
||||||
|
}).catch(e=>{
|
||||||
|
Message.error(e);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.demo-table-expand {
|
||||||
|
/deep/ label {
|
||||||
|
width: 83px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.selWidth {
|
||||||
|
width: 300px;
|
||||||
|
}
|
||||||
|
.el-dropdown-link {
|
||||||
|
cursor: pointer;
|
||||||
|
color: #409eff;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
.el-icon-arrow-down {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
.tabBox_tit {
|
||||||
|
width: 60%;
|
||||||
|
font-size: 12px !important;
|
||||||
|
margin: 0 2px 0 10px;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
padding: 5px 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/.row-bg {
|
||||||
|
.cell {
|
||||||
|
color: red !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
726
src/views/order/listTransfer/orderDetails.vue
Normal file
726
src/views/order/listTransfer/orderDetails.vue
Normal file
@ -0,0 +1,726 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-drawer
|
||||||
|
:with-header="false"
|
||||||
|
:size="1000"
|
||||||
|
:visible.sync="drawer"
|
||||||
|
:direction="direction"
|
||||||
|
:before-close="handleClose"
|
||||||
|
|
||||||
|
>
|
||||||
|
<div v-loading="loading">
|
||||||
|
<div class="head">
|
||||||
|
<div class="full">
|
||||||
|
<img class="order_icon" :src="orderImg" alt="" />
|
||||||
|
<div class="text">
|
||||||
|
<div class="title">{{ orderDetailList.order_type == 0 ? '普通订单' : '核销订单' }}</div>
|
||||||
|
<div>
|
||||||
|
<span class="mr20">订单编号：{{ orderDetailList.order_sn }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<ul class="list">
|
||||||
|
<li class="item">
|
||||||
|
<div class="title">订单状态</div>
|
||||||
|
<div>
|
||||||
|
<div v-if="orderDetailList.order_type === 0 && !orderDetailList.pay_time" class="value1">待付款</div>
|
||||||
|
<div v-if="orderDetailList.order_type === 0 && orderDetailList.pay_time" class="value1">
|
||||||
|
<span>{{ orderDetailList.status | orderStatusFilter }}</span>
|
||||||
|
</div>
|
||||||
|
<div v-if="orderDetailList.order_type === 1 && orderDetailList.pay_time" class="value1">
|
||||||
|
<span>{{ orderDetailList.status | cancelOrderStatusFilter }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="item">
|
||||||
|
<div class="title">实际支付</div>
|
||||||
|
<div>¥ {{ orderDetailList.pay_price }}</div>
|
||||||
|
</li>
|
||||||
|
<li class="item">
|
||||||
|
<div class="title">支付方式</div>
|
||||||
|
<div>{{ orderDetailList.pay_type | payTypeFilter }}</div>
|
||||||
|
</li>
|
||||||
|
<li class="item">
|
||||||
|
<div class="title">支付时间</div>
|
||||||
|
<div>{{ orderDetailList.create_time }}</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<el-tabs type="border-card" v-model="activeName" @tab-click="tabClick">
|
||||||
|
<el-tab-pane label="订单信息" name="detail">
|
||||||
|
<div class="section">
|
||||||
|
<div class="title">用户信息</div>
|
||||||
|
<ul class="list">
|
||||||
|
<li class="item">
|
||||||
|
<div>用户昵称：</div>
|
||||||
|
<div class="value">
|
||||||
|
{{
|
||||||
|
orderDetailList.user.real_name ? orderDetailList.user.real_name : orderDetailList.user.nickname
|
||||||
|
}}
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="item">
|
||||||
|
<div>用户ID：</div>
|
||||||
|
<div class="value">{{ orderDetailList.user.uid ? orderDetailList.user.uid : '-' }}</div>
|
||||||
|
</li>
|
||||||
|
<li class="item">
|
||||||
|
<div>绑定电话：</div>
|
||||||
|
<div class="value">{{ orderDetailList.user.phone ? orderDetailList.user.phone : '-' }}</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="section">
|
||||||
|
<div class="title">收货信息</div>
|
||||||
|
<ul class="list">
|
||||||
|
<li class="item">
|
||||||
|
<div>收货人：</div>
|
||||||
|
<div class="value">{{ orderDetailList.real_name ? orderDetailList.real_name : '-' }}</div>
|
||||||
|
</li>
|
||||||
|
<li class="item">
|
||||||
|
<div>收货电话：</div>
|
||||||
|
<div class="value">{{ orderDetailList.user_phone ? orderDetailList.user_phone : '-' }}</div>
|
||||||
|
</li>
|
||||||
|
<li class="item">
|
||||||
|
<div>收货地址：</div>
|
||||||
|
<div class="value">{{ orderDetailList.user_address ? orderDetailList.user_address : '-' }}</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="section">
|
||||||
|
<div class="title">订单信息</div>
|
||||||
|
<ul class="list">
|
||||||
|
<li class="item">
|
||||||
|
<div>创建时间：</div>
|
||||||
|
<div class="value">{{ orderDetailList.create_time ? orderDetailList.create_time : '-' }}</div>
|
||||||
|
</li>
|
||||||
|
<li class="item">
|
||||||
|
<div>商品总数：</div>
|
||||||
|
<div class="value">{{ orderDetailList.total_num ? orderDetailList.total_num : '-' }}</div>
|
||||||
|
</li>
|
||||||
|
<li class="item">
|
||||||
|
<div>实际支付：</div>
|
||||||
|
<div class="value">{{ orderDetailList.finalOrder ? (parseFloat(orderDetailList.finalOrder.pay_price) + parseFloat(orderDetailList.pay_price)) : orderDetailList.pay_price }}</div>
|
||||||
|
</li>
|
||||||
|
<li class="item">
|
||||||
|
<div>优惠券金额：</div>
|
||||||
|
<div class="value">{{ orderDetailList.coupon_price ? orderDetailList.coupon_price : '-' }}</div>
|
||||||
|
</li>
|
||||||
|
<li v-if="orderDetailList.integral" class="item">
|
||||||
|
<div>积分抵扣：</div>
|
||||||
|
<div class="value">使用了{{ orderDetailList.integral }}个积分，抵扣了{{ orderDetailList.integral_price }}元</div>
|
||||||
|
</li>
|
||||||
|
<li class="item">
|
||||||
|
<div>订单总价：</div>
|
||||||
|
<div class="value">{{ orderDetailList.total_price ? orderDetailList.total_price : '-' }}</div>
|
||||||
|
</li>
|
||||||
|
<li class="item" v-if="orderDetailList.svip_discount">
|
||||||
|
<div>会员商品优惠：</div>
|
||||||
|
<div class="value">{{ orderDetailList.svip_discount }}</div>
|
||||||
|
</li>
|
||||||
|
<li class="item">
|
||||||
|
<div>支付运费：</div>
|
||||||
|
<div class="value">{{ orderDetailList.pay_postage }}</div>
|
||||||
|
</li>
|
||||||
|
<li v-if="orderDetailList.TopSpread" class="item">
|
||||||
|
<div>推广人：</div>
|
||||||
|
<div class="value">{{ orderDetailList.TopSpread.nickname }}</div>
|
||||||
|
</li>
|
||||||
|
<li class="item">
|
||||||
|
<div>一级佣金：</div>
|
||||||
|
<div class="value">
|
||||||
|
{{ parseFloat(orderDetailList.extension_one) + parseFloat(orderDetailList.refund_extension_one) }}
|
||||||
|
<em v-if="orderDetailList.refund_extension_one > 0" style="color: red;font-style: normal;">(-{{ orderDetailList.refund_extension_one }})</em>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="item">
|
||||||
|
<div>二级佣金：</div>
|
||||||
|
<div class="value">
|
||||||
|
{{ parseFloat(orderDetailList.extension_two) + parseFloat(orderDetailList.refund_extension_two) }}
|
||||||
|
<em v-if="orderDetailList.refund_extension_two > 0" style="color: red;font-style: normal;">(-{{ orderDetailList.refund_extension_two }})</em>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="section" v-if="orderDetailList.delivery_type === '1'">
|
||||||
|
<div class="title">物流信息</div>
|
||||||
|
<ul class="list">
|
||||||
|
<li class="item">
|
||||||
|
<div>快递公司：</div>
|
||||||
|
<div class="value">{{ orderDetailList.delivery_name ? orderDetailList.delivery_name : '-' }}</div>
|
||||||
|
</li>
|
||||||
|
<li class="item">
|
||||||
|
<div>快递单号：</div>
|
||||||
|
<div class="value">{{ orderDetailList.delivery_id ? orderDetailList.delivery_id : '-' }}</div>
|
||||||
|
<el-button type="primary" size="mini" style="margin-left: 5px" @click="openLogistics">物流查询</el-button>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="section">
|
||||||
|
<div class="title">买家留言</div>
|
||||||
|
<ul class="list">
|
||||||
|
<li class="item">
|
||||||
|
<div>{{ orderDetailList.mark ? orderDetailList.mark : '-' }}</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="section">
|
||||||
|
<div class="title">商家备注</div>
|
||||||
|
<ul class="list">
|
||||||
|
<li class="item">
|
||||||
|
<div>{{ orderDetailList.remark ? orderDetailList.remark : '-' }}</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</el-tab-pane>
|
||||||
|
<el-tab-pane label="商品信息" name="goods">
|
||||||
|
<el-table :data="orderDetailList.orderProduct">
|
||||||
|
<el-table-column label="商品信息" min-width="300">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<div class="tab">
|
||||||
|
<div class="demo-image__preview">
|
||||||
|
<el-image
|
||||||
|
:src="scope.row.cart_info.product.image"
|
||||||
|
:preview-src-list="[scope.row.cart_info.product.image]"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="line1">{{ scope.row.cart_info.product.store_name }}</div>
|
||||||
|
<div class="line1 gary">
|
||||||
|
规格：{{
|
||||||
|
scope.row.cart_info.productAttr.sku ? scope.row.cart_info.productAttr.sku : '默认'
|
||||||
|
}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<el-table-column label="售价" min-width="90">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<div class="tab">
|
||||||
|
<div class="line1">
|
||||||
|
{{ scope.row.cart_info.productAttr.price ? scope.row.cart_info.productAttr.price : '-' }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="实付金额" min-width="90">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<div class="tab">
|
||||||
|
<div class="line1">
|
||||||
|
{{ scope.row.product_price ? scope.row.product_price : '-' }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="购买数量" min-width="90">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<div class="tab">
|
||||||
|
<div class="line1">
|
||||||
|
{{ scope.row.product_num }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
</el-table>
|
||||||
|
</el-tab-pane>
|
||||||
|
<el-tab-pane label="订单记录" name="orderList">
|
||||||
|
<div>
|
||||||
|
<el-form size="small" label-width="80px">
|
||||||
|
<div class="acea-row">
|
||||||
|
<el-form-item label="操作端：">
|
||||||
|
<el-select
|
||||||
|
v-model="tableFromLog.user_type"
|
||||||
|
placeholder="请选择"
|
||||||
|
style="width: 140px; margin-right: 20px"
|
||||||
|
clearable
|
||||||
|
filterable
|
||||||
|
@change="onOrderLog(orderId)"
|
||||||
|
>
|
||||||
|
<el-option label="系统" value="0" />
|
||||||
|
<el-option label="用户" value="1" />
|
||||||
|
<el-option label="平台" value="2" />
|
||||||
|
<el-option label="商户" value="3" />
|
||||||
|
<el-option label="商家客服" value="4" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="操作时间：">
|
||||||
|
<el-date-picker
|
||||||
|
style="width: 380px; margin-right: 20px"
|
||||||
|
v-model="timeVal"
|
||||||
|
type="datetimerange"
|
||||||
|
placeholder="选择日期"
|
||||||
|
value-format="yyyy/MM/dd HH:mm:ss"
|
||||||
|
clearable
|
||||||
|
@change="onchangeTime"
|
||||||
|
>
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<!-- <div>
|
||||||
|
<el-button type="primary" size="small" @click="onOrderLog(orderId)">查询</el-button>
|
||||||
|
</div> -->
|
||||||
|
</div>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
<el-table :data="tableDataLog.data">
|
||||||
|
<el-table-column prop="order_id" label="订单编号" min-width="200">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ scope.row.order_sn }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作记录" min-width="200">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ scope.row.change_message }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作角色" min-width="150">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<div class="tab">
|
||||||
|
<div>{{ operationType(scope.row.user_type) }}</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作人" min-width="150">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<div class="tab">
|
||||||
|
<div>{{ scope.row.nickname }}</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作时间" min-width="150">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<div class="tab">
|
||||||
|
<div class="line1">{{ scope.row.change_time }}</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<div class="block">
|
||||||
|
<el-pagination :page-sizes="[20, 40, 60, 80]" :page-size="tableFromLog.limit" :current-page="tableFromLog.page" layout="total, sizes, prev, pager, next, jumper" :total="tableDataLog.total" @size-change="handleSizeChangeLog" @current-change="pageChangeLog" />
|
||||||
|
</div>
|
||||||
|
</el-tab-pane>
|
||||||
|
<el-tab-pane v-if="childOrder.length>0" label="关联订单" name="subOrder">
|
||||||
|
<el-table :data="childOrder">
|
||||||
|
<el-table-column label="订单编号" prop="order_sn" min-width="150">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<div>{{ scope.row.order_sn }}</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="商品信息" min-width="200">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<div
|
||||||
|
v-for="(val, i) in scope.row.orderProduct"
|
||||||
|
:key="i"
|
||||||
|
class="tabBox acea-row row-middle"
|
||||||
|
>
|
||||||
|
<div class="demo-image__preview">
|
||||||
|
<el-image
|
||||||
|
:src="val.cart_info.product.image"
|
||||||
|
:preview-src-list="[val.cart_info.product.image]"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<span
|
||||||
|
class="tabBox_tit"
|
||||||
|
>{{ val.cart_info.product.store_name + ' | ' }}{{ val.cart_info.productAttr.sku }}</span>
|
||||||
|
<span class="tabBox_pice">
|
||||||
|
{{ '￥'+ val.cart_info.productAttr.price + ' x '+ val.product_num }}
|
||||||
|
<em
|
||||||
|
v-if="val.refund_num < val.product_num && val.refund_num > 0"
|
||||||
|
style="color: red;font-style: normal;"
|
||||||
|
>(-{{ val.product_num - val.refund_num }})</em>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="实际支付" min-width="80" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ scope.row.pay_price }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="订单生成时间" prop="create_time" min-width="120" />
|
||||||
|
<el-table-column label="操作" min-width="50" fixed="right" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button type="text" size="small" @click="getChildOrderDetail(scope.row.order_id)">详情</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</el-tab-pane>
|
||||||
|
</el-tabs>
|
||||||
|
</div>
|
||||||
|
</el-drawer>
|
||||||
|
<el-dialog
|
||||||
|
title="物流查询"
|
||||||
|
:visible.sync="dialogLogistics"
|
||||||
|
width="350px"
|
||||||
|
v-if="dialogLogistics"
|
||||||
|
>
|
||||||
|
<div class="logistics acea-row row-top">
|
||||||
|
<div class="logistics_img"><img src="@/assets/images/expressi.jpg"></div>
|
||||||
|
<div class="logistics_cent">
|
||||||
|
<span>物流公司：{{ orderDetailList.delivery_name }}</span>
|
||||||
|
<span>物流单号：{{ orderDetailList.delivery_id }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="acea-row row-column-around trees-coadd">
|
||||||
|
<div class="scollhide">
|
||||||
|
<el-timeline>
|
||||||
|
<el-timeline-item v-for="(item,i) in result" :key="i">
|
||||||
|
<p class="time" v-text="item.time" />
|
||||||
|
<p class="content" v-text="item.status" />
|
||||||
|
</el-timeline-item>
|
||||||
|
</el-timeline>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
getExpress,
|
||||||
|
orderDeliveryApi,
|
||||||
|
orderDeleteApi,
|
||||||
|
orderOtherDetailApi,
|
||||||
|
orderOtherLogApi,
|
||||||
|
getChildrenOrderOtherApi
|
||||||
|
} from '@/api/order';
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
drawer: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
loading: true,
|
||||||
|
orderId: '',
|
||||||
|
direction: 'rtl',
|
||||||
|
activeName: 'detail',
|
||||||
|
goodsList: [],
|
||||||
|
orderConfirm: false,
|
||||||
|
sendGoods: false,
|
||||||
|
dialogLogistics: false,
|
||||||
|
confirmReceiptForm: {
|
||||||
|
id: '',
|
||||||
|
},
|
||||||
|
orderData: [],
|
||||||
|
contentList: [],
|
||||||
|
nicknameList: [],
|
||||||
|
result: [],
|
||||||
|
timeVal: [],
|
||||||
|
childOrder: [],
|
||||||
|
childOrder: [],
|
||||||
|
tableDataLog: {
|
||||||
|
data: [],
|
||||||
|
total: 0
|
||||||
|
},
|
||||||
|
tableFromLog: {
|
||||||
|
user_type: '',
|
||||||
|
date: [],
|
||||||
|
page: 1,
|
||||||
|
limit: 10
|
||||||
|
},
|
||||||
|
orderDetailList: {
|
||||||
|
user: {
|
||||||
|
real_name: '',
|
||||||
|
},
|
||||||
|
groupOrder: {
|
||||||
|
group_order_sn: '',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
orderImg: require('@/assets/images/order_icon.png'),
|
||||||
|
|
||||||
|
};
|
||||||
|
},
|
||||||
|
filters: {
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 具体日期
|
||||||
|
onchangeTime(e) {
|
||||||
|
this.timeVal = e
|
||||||
|
this.tableFromLog.date = e ? this.timeVal.join('-') : ''
|
||||||
|
this.onOrderLog(this.orderId)
|
||||||
|
},
|
||||||
|
handleClose() {
|
||||||
|
this.activeName = 'detail';
|
||||||
|
this.$emit('closeDrawer');
|
||||||
|
this.sendGoods = false;
|
||||||
|
this.orderRemark = false;
|
||||||
|
},
|
||||||
|
openLogistics() {
|
||||||
|
// this.getOrderData()
|
||||||
|
this.dialogLogistics = true
|
||||||
|
},
|
||||||
|
// 获取订单物流信息
|
||||||
|
getOrderData() {
|
||||||
|
getExpress(this.orderId).then(async res => {
|
||||||
|
this.result = res.data
|
||||||
|
}).catch(res => {
|
||||||
|
this.$message.error(res.message)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//发送货
|
||||||
|
toSendGoods() {
|
||||||
|
this.sendGoods = true;
|
||||||
|
},
|
||||||
|
getDelivery() {
|
||||||
|
orderDeliveryApi(this.orderId)
|
||||||
|
.then((res) => {
|
||||||
|
this.$message.success(res.message);
|
||||||
|
this.sendGoods = false;
|
||||||
|
})
|
||||||
|
.catch((res) => {
|
||||||
|
this.$message.error(res.message);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 获取子订单信息
|
||||||
|
getChildOrder() {
|
||||||
|
this.loading = true;
|
||||||
|
getChildrenOrderOtherApi(this.orderId)
|
||||||
|
.then((res) => {
|
||||||
|
this.activeName = 'detail'
|
||||||
|
this.childOrder = res.data
|
||||||
|
setTimeout(()=>{
|
||||||
|
this.loading = false;
|
||||||
|
},500)
|
||||||
|
})
|
||||||
|
.catch((res) => {
|
||||||
|
this.$message.error(res.message)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getChildOrderDetail(id){
|
||||||
|
this.getInfo(id);
|
||||||
|
},
|
||||||
|
getInfo(id) {
|
||||||
|
this.loading = true;
|
||||||
|
this.orderId = id
|
||||||
|
orderOtherDetailApi(id)
|
||||||
|
.then((res) => {
|
||||||
|
this.drawer = true;
|
||||||
|
this.orderDetailList = res.data;
|
||||||
|
this.getChildOrder();
|
||||||
|
})
|
||||||
|
.catch((res) => {
|
||||||
|
this.$message.error(res.message);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 删除订单
|
||||||
|
handleDelete() {
|
||||||
|
this.$modalSure().then(() => {
|
||||||
|
orderDeleteApi(this.orderId)
|
||||||
|
.then(({ message }) => {
|
||||||
|
this.$message.success(message);
|
||||||
|
// this.tableData.data.splice(idx, 1);
|
||||||
|
})
|
||||||
|
.catch(({ message }) => {
|
||||||
|
this.$message.error(message);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
tabClick(tab) {
|
||||||
|
if (tab.name === 'orderList') {
|
||||||
|
this.onOrderLog(this.orderId)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onOrderLog(id){
|
||||||
|
orderOtherLogApi(id, this.tableFromLog).then((res) => {
|
||||||
|
this.tableDataLog.data = res.data.list
|
||||||
|
this.tableDataLog.total = res.data.count
|
||||||
|
});
|
||||||
|
},
|
||||||
|
pageChangeLog(page) {
|
||||||
|
this.tableFromLog.page = page
|
||||||
|
this.onOrderLog(this.orderId)
|
||||||
|
},
|
||||||
|
handleSizeChangeLog(val) {
|
||||||
|
this.tableFromLog.limit = val
|
||||||
|
this.onOrderLog(this.orderId)
|
||||||
|
},
|
||||||
|
operationType(type) {
|
||||||
|
if (type == 0) {
|
||||||
|
return '系统';
|
||||||
|
} else if (type == 1) {
|
||||||
|
return '用户';
|
||||||
|
} else if (type == 2) {
|
||||||
|
return '平台';
|
||||||
|
} else if (type == 3) {
|
||||||
|
return '商户';
|
||||||
|
} else if (type == 4) {
|
||||||
|
return '商家客服';
|
||||||
|
} else {
|
||||||
|
return '未知';
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.head {
|
||||||
|
padding: 30px 35px 25px;
|
||||||
|
.full {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
.order_icon {
|
||||||
|
width: 60px;
|
||||||
|
height: 60px;
|
||||||
|
}
|
||||||
|
.iconfont {
|
||||||
|
color: #1890ff;
|
||||||
|
&.sale-after {
|
||||||
|
color: #90add5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.text {
|
||||||
|
align-self: center;
|
||||||
|
flex: 1;
|
||||||
|
min-width: 0;
|
||||||
|
padding-left: 12px;
|
||||||
|
font-size: 13px;
|
||||||
|
color: #606266;
|
||||||
|
.title {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 16px;
|
||||||
|
color: rgba(0, 0, 0, 0.85);
|
||||||
|
}
|
||||||
|
.order-num {
|
||||||
|
padding-top: 10px;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.list {
|
||||||
|
display: flex;
|
||||||
|
margin-top: 20px;
|
||||||
|
overflow: hidden;
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
.item {
|
||||||
|
flex: none;
|
||||||
|
width: 200px;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 14px;
|
||||||
|
color: rgba(0, 0, 0, 0.85);
|
||||||
|
.title {
|
||||||
|
margin-bottom: 12px;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 13px;
|
||||||
|
color: #666666;
|
||||||
|
}
|
||||||
|
.value1 {
|
||||||
|
color: #f56022;
|
||||||
|
}
|
||||||
|
|
||||||
|
.value2 {
|
||||||
|
color: #1bbe6b;
|
||||||
|
}
|
||||||
|
|
||||||
|
.value3 {
|
||||||
|
color: #1890ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.value4 {
|
||||||
|
color: #6a7b9d;
|
||||||
|
}
|
||||||
|
|
||||||
|
.value5 {
|
||||||
|
color: #f5222d;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.el-tabs--border-card {
|
||||||
|
box-shadow: none;
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
.section {
|
||||||
|
padding: 20px 0 5px;
|
||||||
|
border-bottom: 1px dashed #eeeeee;
|
||||||
|
.title {
|
||||||
|
padding-left: 10px;
|
||||||
|
border-left: 3px solid #1890ff;
|
||||||
|
font-size: 15px;
|
||||||
|
line-height: 15px;
|
||||||
|
color: #303133;
|
||||||
|
}
|
||||||
|
.list {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.item {
|
||||||
|
flex: 0 0 calc(100% / 3);
|
||||||
|
display: flex;
|
||||||
|
margin-top: 16px;
|
||||||
|
font-size: 13px;
|
||||||
|
color: #606266;
|
||||||
|
&:nth-child(3n + 1) {
|
||||||
|
padding-right: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:nth-child(3n + 2) {
|
||||||
|
padding-right: 10px;
|
||||||
|
padding-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:nth-child(3n + 3) {
|
||||||
|
padding-left: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.value {
|
||||||
|
flex: 1;
|
||||||
|
image {
|
||||||
|
display: inline-block;
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
margin: 0 12px 12px 0;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.tab {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
.el-image {
|
||||||
|
width: 36px;
|
||||||
|
height: 36px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/deep/.el-drawer__body {
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
.gary {
|
||||||
|
color: #aaa;
|
||||||
|
}
|
||||||
|
.logistics{
|
||||||
|
align-items: center;
|
||||||
|
padding: 10px 0px;
|
||||||
|
.logistics_img{
|
||||||
|
width: 45px;
|
||||||
|
height: 45px;
|
||||||
|
margin-right: 12px;
|
||||||
|
img{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.logistics_cent{
|
||||||
|
span{
|
||||||
|
display: block;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.tabBox_tit {
|
||||||
|
width: 53%;
|
||||||
|
font-size: 12px !important;
|
||||||
|
margin: 0 2px 0 10px;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
padding: 5px 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
x
Reference in New Issue
Block a user