新增团购券订单

This commit is contained in:
gyq
2024-05-22 15:37:03 +08:00
parent 94fb2d2c8e
commit d08ef6f271
6 changed files with 137 additions and 92 deletions

View File

@@ -18,8 +18,8 @@
</div>
<div class="tab_container">
<el-table :data="tableData.list" height="540px" v-loading="tableData.loading">
<el-table-column label="订单号" prop="orderNo" width="150px"></el-table-column>
<el-table-column label="优惠卷" prop="proImg" width="220px">
<el-table-column label="订单号" prop="orderNo" width="100px"></el-table-column>
<el-table-column label="优惠卷" prop="proImg" width="200px">
<template v-slot="scope">
<div class="info_wrap">
<el-image :src="scope.row.proImg" style="width: 40px;height: 40px;flex-shrink: 0;" />
@@ -54,7 +54,10 @@
</el-table-column>
<el-table-column label="操作" fixed="right">
<template v-slot="scope">
<el-button type="primary" size="small">退款</el-button>
<el-button type="primary" size="small"
v-if="scope.row.refundAble == 1 && scope.row.status == 'unused'"
@click="refundDialogRef.show(scope.row)">退款</el-button>
<el-button type="primary" size="small" disabled v-else>退款</el-button>
</template>
</el-table-column>
</el-table>
@@ -67,6 +70,7 @@
</div>
</div>
<scanGroup ref="scanGroupRef" @succcess="groupOrderlistAjax" />
<refundDialog ref="refundDialogRef" @success="groupOrderlistAjax" />
</div>
</template>
@@ -75,10 +79,12 @@ import { groupOrderlist } from '@/api/group'
import { Search, RefreshRight, MagicStick } from '@element-plus/icons-vue'
import { ref, onMounted, reactive } from 'vue'
import scanGroup from './components/scanGroup.vue'
import refundDialog from './components/refundDialog.vue'
import { useUser } from "@/store/user.js"
const store = useUser()
const scanGroupRef = ref(null)
const refundDialogRef = ref(null)
const tableData = reactive({
resetLoading: false,