结算单添加积分，砍价价格字段
mabo
parent
2385bbd912
commit
94a9404b39
|
|
@ -31,7 +31,7 @@
|
||||||
</template>
|
</template>
|
||||||
<!-- 限时秒杀 待完善 -->
|
<!-- 限时秒杀 待完善 -->
|
||||||
<!-- <template v-if="element.type == 'seckill'">
|
<!-- <template v-if="element.type == 'seckill'">
|
||||||
<seckill :data="element"></seckill>
|
<seckill class="mb_20"></seckill>
|
||||||
</template> -->
|
</template> -->
|
||||||
<!-- 折扣广告 -->
|
<!-- 折扣广告 -->
|
||||||
<template v-if="element.type == 'discountAdvert'">
|
<template v-if="element.type == 'discountAdvert'">
|
||||||
|
|
|
||||||
|
|
@ -14,29 +14,10 @@
|
||||||
{{ actStatus == 0 ? "未开始" : "已结束" }}
|
{{ actStatus == 0 ? "未开始" : "已结束" }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="section">
|
|
||||||
<swiper ref="mySwiper" :options="swiperOptions">
|
|
||||||
<swiper-slide
|
|
||||||
v-for="(item, index) in options.list[0].goodsList"
|
|
||||||
:key="index"
|
|
||||||
class="swiper-slide"
|
|
||||||
>
|
|
||||||
<div class="content hover-pointer" @click="goPromotion">
|
|
||||||
<img :src="item.img" width="140" height="140" :alt="item.name" />
|
|
||||||
<div class="ellipsis">{{ item.name }}</div>
|
|
||||||
<div>
|
|
||||||
<span>{{ item.price | unitPrice("￥") }}</span>
|
|
||||||
<span>{{ item.originalPrice | unitPrice("￥") }}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</swiper-slide>
|
|
||||||
</swiper>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { Swiper, SwiperSlide, directive } from 'vue-awesome-swiper';
|
import { Swiper, SwiperSlide, directive } from 'vue-awesome-swiper';
|
||||||
// import 'swiper/swiper-bundle.css';
|
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
Swiper,
|
Swiper,
|
||||||
|
|
@ -53,7 +34,7 @@ export default {
|
||||||
},
|
},
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
options: this.data.options, // 装修数据
|
list: [], // 秒杀商品
|
||||||
actStatus: 0, // 0 未开始 1 进行中 2 已结束
|
actStatus: 0, // 0 未开始 1 进行中 2 已结束
|
||||||
actName: '限时秒杀', // 活动名称
|
actName: '限时秒杀', // 活动名称
|
||||||
currHour: '00', // 当前秒杀场
|
currHour: '00', // 当前秒杀场
|
||||||
|
|
@ -70,75 +51,13 @@ export default {
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
watch: {
|
|
||||||
diffSeconds (val) { // 秒杀倒计时
|
|
||||||
const hours = Math.floor(val / 3600);
|
|
||||||
// 当前秒数 / 60，向下取整
|
|
||||||
// 获取到所有分钟数 3600 / 60 = 60分钟
|
|
||||||
// 对60取模，超过小时数的分钟数
|
|
||||||
const minutes = Math.floor(val / 60) % 60;
|
|
||||||
// 当前的秒数 % 60，获取到 超过小时数、分钟数的秒数（秒数）
|
|
||||||
const seconds = val % 60;
|
|
||||||
this.hours = hours < 10 ? '0' + hours : hours;
|
|
||||||
this.minutes = minutes < 10 ? '0' + minutes : minutes;
|
|
||||||
this.seconds = seconds < 10 ? '0' + seconds : seconds;
|
|
||||||
|
|
||||||
if (val === 0) {
|
|
||||||
clearInterval(this.interval);
|
|
||||||
this.hours = 0;
|
|
||||||
this.minutes = 0;
|
|
||||||
this.seconds = 0;
|
|
||||||
this.countDown(this.options.list);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted () {
|
mounted () {
|
||||||
this.countDown(this.options.list);
|
|
||||||
},
|
},
|
||||||
beforeDestroy () {
|
beforeDestroy () {
|
||||||
clearInterval(this.interval);
|
clearInterval(this.interval);
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
// 倒计时
|
|
||||||
countDown (list) {
|
|
||||||
/**
|
|
||||||
* 默认倒计时两小时
|
|
||||||
* 如果没有开始，则显示未开始
|
|
||||||
* 进行中显示倒计时 + 时间
|
|
||||||
* 今天的秒杀结束则显示已结束
|
|
||||||
*/
|
|
||||||
let nowHour = new Date().getHours();
|
|
||||||
if (nowHour < Number(list[0].time)) {
|
|
||||||
// 活动未开始
|
|
||||||
this.currHour = list[0].time;
|
|
||||||
this.actStatus = 0;
|
|
||||||
} else if (nowHour >= Number(list[list.length - 1].time + 2)) {
|
|
||||||
// 活动已结束
|
|
||||||
this.actStatus = 2;
|
|
||||||
this.currHour = list[list.length - 1].time;
|
|
||||||
} else {
|
|
||||||
// 活动进行中
|
|
||||||
this.actStatus = 1;
|
|
||||||
for (let i = 0; i < list.length; i++) {
|
|
||||||
if (nowHour === Number(list[i].time)) {
|
|
||||||
this.currHour = list[i].time;
|
|
||||||
}
|
|
||||||
if (
|
|
||||||
nowHour > Number(list[i].time) &&
|
|
||||||
nowHour < Number(list[i].time + 2)
|
|
||||||
) {
|
|
||||||
this.currHour = list[i].time;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// 当前0点时间戳
|
|
||||||
let zeroTime = new Date(new Date().toLocaleDateString()).getTime();
|
|
||||||
// 活动倒计时
|
|
||||||
this.diffSeconds = Math.floor((zeroTime + 3600 * 1000 * (this.currHour + 2) - new Date().getTime()) / 1000);
|
|
||||||
this.interval = setInterval(() => {
|
|
||||||
this.diffSeconds--;
|
|
||||||
}, 1000);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
goPromotion () { // 跳转秒杀页面
|
goPromotion () { // 跳转秒杀页面
|
||||||
let routeUrl = this.$router.resolve({
|
let routeUrl = this.$router.resolve({
|
||||||
path: '/seckill'
|
path: '/seckill'
|
||||||
|
|
|
||||||
|
|
@ -1,99 +1,85 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<template>
|
<Card>
|
||||||
<Row>
|
<p slot="title">商家信息</p>
|
||||||
<i-col span="24">
|
<div class="flex flex_align_item">
|
||||||
<Card>
|
<p>店铺名称：{{ bill.storeName }}</p>
|
||||||
<p slot="title">商家信息</p>
|
<p>银行开户名：{{ bill.bankAccountName }}</p>
|
||||||
<div class="flex flex_align_item">
|
<p>银行账号：{{ bill.bankAccountNumber }}</p>
|
||||||
<p>店铺名称：{{ bill.storeName }}</p>
|
<p>开户行支行名称：{{ bill.bankName }}</p>
|
||||||
<p>银行开户名：{{ bill.bankAccountName }}</p>
|
<p>支行联行号：{{ bill.bankCode }}</p>
|
||||||
<p>银行账号：{{ bill.bankAccountNumber }}</p>
|
</div>
|
||||||
<p>开户行支行名称：{{ bill.bankName }}</p>
|
</Card>
|
||||||
<p>支行联行号：{{ bill.bankCode }}</p>
|
<Card class="mt_10 mb_10">
|
||||||
</div>
|
<p slot="title">账单详细</p>
|
||||||
</Card>
|
|
||||||
</i-col>
|
|
||||||
</Row>
|
|
||||||
</template>
|
|
||||||
<template>
|
|
||||||
<Row>
|
|
||||||
<i-col span="24">
|
|
||||||
<Card>
|
|
||||||
<p slot="title">账单详细</p>
|
|
||||||
|
|
||||||
<div class="tips-status">
|
<div class="tips-status">
|
||||||
<span>商品状态</span>
|
<span>商品状态</span>
|
||||||
|
|
||||||
<span class="theme_color">{{
|
<span class="theme_color">{{
|
||||||
bill.billStatus | unixSellerBillStatus
|
bill.billStatus | unixSellerBillStatus
|
||||||
}}</span>
|
}}</span>
|
||||||
|
|
||||||
|
|
||||||
<Button
|
<Button
|
||||||
v-if="bill.billStatus == 'CHECK'"
|
v-if="bill.billStatus == 'CHECK'"
|
||||||
size="mini"
|
size="mini"
|
||||||
type="primary"
|
type="primary"
|
||||||
@click="pass()"
|
@click="pass()"
|
||||||
>付款</Button
|
>付款</Button
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<i-table :columns="columns" :data="data" stripe></i-table>
|
<i-table :columns="columns" :data="data" stripe></i-table>
|
||||||
</Card>
|
</Card>
|
||||||
</i-col>
|
<Tabs active-key="key1" @on-click="clickTabs">
|
||||||
</Row>
|
<Tab-pane label="入账流水" key="key1">
|
||||||
</template>
|
<Card>
|
||||||
<template>
|
<Table
|
||||||
<Tabs active-key="key1" @on-click="clickTabs">
|
:loading="loading"
|
||||||
<Tab-pane label="入账流水" key="key1">
|
border
|
||||||
<Card>
|
:columns="orderColumns"
|
||||||
<Table
|
:data="order"
|
||||||
:loading="loading"
|
ref="table"
|
||||||
border
|
></Table>
|
||||||
:columns="orderColumns"
|
<Row type="flex" justify="end" class="mt_10">
|
||||||
:data="order"
|
<Page
|
||||||
ref="table"
|
:current="orderParam.pageNumber"
|
||||||
></Table>
|
:total="orderTotal"
|
||||||
<Row type="flex" justify="end" class="mt_10">
|
:page-size="orderParam.pageSize"
|
||||||
<Page
|
@on-change="orderChangePage"
|
||||||
:current="orderParam.pageNumber"
|
@on-page-size-change="orderChangePageSize"
|
||||||
:total="orderTotal"
|
size="small"
|
||||||
:page-size="orderParam.pageSize"
|
show-total
|
||||||
@on-change="orderChangePage"
|
show-elevator
|
||||||
@on-page-size-change="orderChangePageSize"
|
></Page>
|
||||||
size="small"
|
</Row>
|
||||||
show-total
|
</Card>
|
||||||
show-elevator
|
</Tab-pane>
|
||||||
></Page>
|
<Tab-pane label="退款流水" key="key2">
|
||||||
</Row>
|
<Card>
|
||||||
</Card>
|
<Table
|
||||||
</Tab-pane>
|
:loading="loading"
|
||||||
<Tab-pane label="退款流水" key="key2">
|
border
|
||||||
<Card>
|
:columns="refundColumns"
|
||||||
<Table
|
:data="refund"
|
||||||
:loading="loading"
|
ref="table"
|
||||||
border
|
></Table>
|
||||||
:columns="refundColumns"
|
<Row type="flex" justify="end" class="mt_10">
|
||||||
:data="refund"
|
<Page
|
||||||
ref="table"
|
:current="refundParam.pageNumber"
|
||||||
></Table>
|
:total="refundTotal"
|
||||||
<Row type="flex" justify="end" class="mt_10">
|
:page-size="refundParam.pageSize"
|
||||||
<Page
|
@on-change="getRefund()"
|
||||||
:current="refundParam.pageNumber"
|
@on-page-size-change="getRefund()"
|
||||||
:total="refundTotal"
|
size="small"
|
||||||
:page-size="refundParam.pageSize"
|
show-total
|
||||||
@on-change="getRefund()"
|
show-elevator
|
||||||
@on-page-size-change="getRefund()"
|
></Page>
|
||||||
size="small"
|
</Row>
|
||||||
show-total
|
</Card>
|
||||||
show-elevator
|
</Tab-pane>
|
||||||
></Page>
|
</Tabs>
|
||||||
</Row>
|
|
||||||
</Card>
|
|
||||||
</Tab-pane>
|
|
||||||
</Tabs>
|
|
||||||
</template>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
|
@ -185,6 +171,26 @@ export default {
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
title: "砍价商品结算价格",
|
||||||
|
key: "kanjiaSettlementPrice",
|
||||||
|
render: (h, params) => {
|
||||||
|
return h(
|
||||||
|
"div",
|
||||||
|
this.$options.filters.unitPrice(params.row.kanjiaSettlementPrice, "￥")
|
||||||
|
);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "积分商品结算价格",
|
||||||
|
key: "pointSettlementPrice",
|
||||||
|
render: (h, params) => {
|
||||||
|
return h(
|
||||||
|
"div",
|
||||||
|
this.$options.filters.unitPrice(params.row.pointSettlementPrice, "￥")
|
||||||
|
);
|
||||||
|
},
|
||||||
|
},
|
||||||
{
|
{
|
||||||
title: "平台分佣",
|
title: "平台分佣",
|
||||||
key: "commissionPrice",
|
key: "commissionPrice",
|
||||||
|
|
@ -199,7 +205,6 @@ export default {
|
||||||
{
|
{
|
||||||
title: "平台优惠券",
|
title: "平台优惠券",
|
||||||
key: "siteCouponPrice",
|
key: "siteCouponPrice",
|
||||||
minWidth: 120,
|
|
||||||
render: (h, params) => {
|
render: (h, params) => {
|
||||||
if(params.row.siteCouponPrice == null){
|
if(params.row.siteCouponPrice == null){
|
||||||
return h(
|
return h(
|
||||||
|
|
|
||||||
|
|
@ -18,14 +18,14 @@ export default {
|
||||||
* @description api请求基础路径
|
* @description api请求基础路径
|
||||||
*/
|
*/
|
||||||
api_dev: {
|
api_dev: {
|
||||||
// common: "https://common-api.pickmall.cn",
|
common: "https://common-api.pickmall.cn",
|
||||||
// buyer: "https://buyer-api.pickmall.cn",
|
buyer: "https://buyer-api.pickmall.cn",
|
||||||
// seller: "https://store-api.pickmall.cn",
|
seller: "https://store-api.pickmall.cn",
|
||||||
// manager: "https://admin-api.pickmall.cn"
|
manager: "https://admin-api.pickmall.cn"
|
||||||
common: 'http://192.168.0.101:8890',
|
// common: 'http://192.168.0.101:8890',
|
||||||
buyer: 'http://192.168.0.101:8888',
|
// buyer: 'http://192.168.0.101:8888',
|
||||||
seller: 'http://192.168.0.101:8889',
|
// seller: 'http://192.168.0.101:8889',
|
||||||
manager: 'http://192.168.0.101:8887'
|
// manager: 'http://192.168.0.101:8887'
|
||||||
},
|
},
|
||||||
api_prod: {
|
api_prod: {
|
||||||
common: "https://common-api.pickmall.cn",
|
common: "https://common-api.pickmall.cn",
|
||||||
|
|
|
||||||
|
|
@ -165,17 +165,14 @@ export default {
|
||||||
{
|
{
|
||||||
title: "入账时间",
|
title: "入账时间",
|
||||||
key: "createTime",
|
key: "createTime",
|
||||||
minWidth: 120
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "订单编号",
|
title: "订单编号",
|
||||||
key: "sn",
|
key: "sn",
|
||||||
minWidth: 120
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "订单金额",
|
title: "订单金额",
|
||||||
key: "finalPrice",
|
key: "finalPrice",
|
||||||
minWidth: 120,
|
|
||||||
render: (h, params) => {
|
render: (h, params) => {
|
||||||
return h(
|
return h(
|
||||||
"div",
|
"div",
|
||||||
|
|
@ -183,10 +180,29 @@ export default {
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
title: "砍价商品结算价格",
|
||||||
|
key: "kanjiaSettlementPrice",
|
||||||
|
render: (h, params) => {
|
||||||
|
return h(
|
||||||
|
"div",
|
||||||
|
this.$options.filters.unitPrice(params.row.kanjiaSettlementPrice, "￥")
|
||||||
|
);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "积分商品结算价格",
|
||||||
|
key: "pointSettlementPrice",
|
||||||
|
render: (h, params) => {
|
||||||
|
return h(
|
||||||
|
"div",
|
||||||
|
this.$options.filters.unitPrice(params.row.pointSettlementPrice, "￥")
|
||||||
|
);
|
||||||
|
},
|
||||||
|
},
|
||||||
{
|
{
|
||||||
title: "平台分佣",
|
title: "平台分佣",
|
||||||
key: "commissionPrice",
|
key: "commissionPrice",
|
||||||
minWidth: 120,
|
|
||||||
render: (h, params) => {
|
render: (h, params) => {
|
||||||
return h(
|
return h(
|
||||||
"div",
|
"div",
|
||||||
|
|
@ -197,7 +213,6 @@ export default {
|
||||||
{
|
{
|
||||||
title: "平台优惠券",
|
title: "平台优惠券",
|
||||||
key: "siteCouponPrice",
|
key: "siteCouponPrice",
|
||||||
minWidth: 120,
|
|
||||||
render: (h, params) => {
|
render: (h, params) => {
|
||||||
if(params.row.siteCouponPrice == null){
|
if(params.row.siteCouponPrice == null){
|
||||||
return h(
|
return h(
|
||||||
|
|
@ -216,7 +231,6 @@ export default {
|
||||||
{
|
{
|
||||||
title: "分销金额",
|
title: "分销金额",
|
||||||
key: "distributionRebate",
|
key: "distributionRebate",
|
||||||
minWidth: 100,
|
|
||||||
render: (h, params) => {
|
render: (h, params) => {
|
||||||
if(params.row.distributionRebate == null){
|
if(params.row.distributionRebate == null){
|
||||||
return h(
|
return h(
|
||||||
|
|
@ -235,7 +249,6 @@ export default {
|
||||||
{
|
{
|
||||||
title: "应结金额",
|
title: "应结金额",
|
||||||
key: "billPrice",
|
key: "billPrice",
|
||||||
minWidth: 120,
|
|
||||||
render: (h, params) => {
|
render: (h, params) => {
|
||||||
return h(
|
return h(
|
||||||
"div",
|
"div",
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue