卡券功能
This commit is contained in:
磷叶
parent
ef056081d7
commit
2be6bb44da
1
src/assets/icons/svg/card.svg
Normal file
1
src/assets/icons/svg/card.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg t="1748316027171" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2742" width="64" height="64"><path d="M922.7 421.1c20.9 0 37.8-16.9 37.8-37.8V283c0-81.3-66.2-147.5-147.5-147.5H211c-81.3 0-147.5 66.2-147.5 147.5v100.3c0 20.9 16.9 37.8 37.8 37.8 50.1 0 90.9 40.8 90.9 90.9s-40.8 90.9-90.9 90.9c-20.9 0-37.8 16.9-37.8 37.8V741c0 81.3 66.2 147.5 147.5 147.5h602c81.3 0 147.5-66.2 147.5-147.5V640.6c0-20.9-16.9-37.8-37.8-37.8-50.1 0-90.9-40.8-90.9-90.9s40.8-90.8 90.9-90.8z m-37.7 253V741c0 39.7-32.3 72-72 72H211c-39.7 0-72-32.3-72-72v-66.9c73.6-17.2 128.6-83.3 128.6-162.1s-55-144.9-128.6-162.1V283c0-39.7 32.3-72 72-72h602c39.7 0 72 32.3 72 72v66.9c-73.6 17.2-128.6 83.3-128.6 162.1s55 144.9 128.6 162.1z" p-id="2743"></path><path d="M649.2 337H374.8c-20.9 0-37.8 16.9-37.8 37.8s16.9 37.8 37.8 37.8h274.4c20.9 0 37.8-16.9 37.8-37.8S670 337 649.2 337zM649.2 610H374.8c-20.9 0-37.8 16.9-37.8 37.8s16.9 37.8 37.8 37.8h274.4c20.9 0 37.8-16.9 37.8-37.8S670 610 649.2 610z" p-id="2744"></path></svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
|
|
@ -45,6 +45,26 @@
|
|||
</el-statistic>
|
||||
</el-popover>
|
||||
</el-col>
|
||||
<el-col>
|
||||
<el-popover placement="bottom" width="200" trigger="hover">
|
||||
<div>
|
||||
<template v-if="detail.vipUserId">
|
||||
<div>优惠券：{{detail.vipName | dv}}</div>
|
||||
<div>{{VipType.getLabel(detail.vipType)}}：{{detail.vipDiscountValue | dv}} {{ VipType.getUnit(detail.vipType) }}</div>
|
||||
</template>
|
||||
<div>骑行费优惠：{{detail.ridingDiscount | fix2 | dv}} 元</div>
|
||||
</div>
|
||||
<el-statistic slot="reference" :value="detail.totalDiscountAmount" :precision="2" suffix="元">
|
||||
<template slot="prefix">
|
||||
<i class="el-icon-discount" style="color: #3c5ae6"></i>
|
||||
</template>
|
||||
<template slot="title">
|
||||
优惠金额
|
||||
<i class="el-icon-info" style="color: #909399; margin-left: 4px; cursor: pointer"></i>
|
||||
</template>
|
||||
</el-statistic>
|
||||
</el-popover>
|
||||
</el-col>
|
||||
<el-col v-if="OrderStatus.finishedList().includes(detail.status)">
|
||||
<el-popover placement="bottom" width="200" trigger="hover">
|
||||
<div>
|
||||
|
|
@ -325,7 +345,7 @@ import DeviceLink from '@/components/Business/Device/DeviceLink.vue'
|
|||
import UserLink from '@/components/Business/User/UserLink.vue'
|
||||
import CollapsePanel from '@/components/CollapsePanel/index.vue'
|
||||
import { getLastDateTimeEndStr, toDescriptionFromSecond } from '@/utils/date'
|
||||
import { BonusBstType, LogBizType, OrderStatus, PayBstType, SuitRidingRule } from '@/utils/enums'
|
||||
import { BonusBstType, LogBizType, OrderStatus, PayBstType, SuitRidingRule, VipType } from '@/utils/enums'
|
||||
import Bonus from '@/views/bst/bonus/index.vue'
|
||||
import CommandLog from '@/views/bst/commandLog/index.vue'
|
||||
import DeviceLocation from '@/views/bst/device/view/components/DeviceLocation.vue'
|
||||
|
|
@ -372,6 +392,7 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
VipType,
|
||||
payBstTypes: [PayBstType.ORDER, PayBstType.ORDER_RIDE],
|
||||
OrderStatus,
|
||||
id: null,
|
||||
|
|
|
|||
|
|
@ -99,7 +99,7 @@
|
|||
{{d.row[column.key]}}
|
||||
</template>
|
||||
<template v-else-if="column.key === 'enableLimit'">
|
||||
总计可用 {{ d.row.limitTotal }} 次
|
||||
可用 {{ d.row.limitTotal }} 次
|
||||
<template v-if="d.row.minAmount">
|
||||
，使用门槛 {{ d.row.minAmount | fix2 | dv}} 元
|
||||
</template>
|
||||
|
|
@ -110,8 +110,8 @@
|
|||
<template v-else-if="column.key === 'validDays'">
|
||||
{{ d.row.validDays }} 天
|
||||
</template>
|
||||
<template v-else-if="column.key === 'price'">
|
||||
{{ d.row.price | fix2 | dv}} 元
|
||||
<template v-else-if="['price'].includes(column.key)">
|
||||
{{ d.row[column.key] | fix2 | dv}} 元
|
||||
</template>
|
||||
<template v-else-if="column.key === 'discountValue'">
|
||||
{{ d.row.discountValue | dv}} {{ VipType.getUnit(d.row.type) }}
|
||||
|
|
@ -206,10 +206,10 @@ export default {
|
|||
{key: 'price', visible: true, label: '售价', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'discountValue', visible: true, label: '优惠', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'validDays', visible: true, label: '有效期', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'enableLimit', visible: true, label: '使用限制', minWidth: null, sortable: true, overflow: false, align: 'center', width: "250"},
|
||||
{key: 'description', visible: true, label: '使用说明', minWidth: null, sortable: true, overflow: true, align: 'center', width: null},
|
||||
{key: 'enableLimit', visible: true, label: '限制', minWidth: null, sortable: true, overflow: false, align: 'left', width: "250"},
|
||||
{key: 'description', visible: true, label: '说明', minWidth: null, sortable: true, overflow: true, align: 'left', width: null},
|
||||
{key: 'sort', visible: true, label: '排序', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'createTime', visible: true, label: '创建时间', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'createTime', visible: true, label: '创建时间', minWidth: null, sortable: true, overflow: false, align: 'center', width: "180"},
|
||||
],
|
||||
// 排序方式
|
||||
orderSorts: ['ascending', 'descending', null],
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user