后台优惠券绑定套餐
yanzai
1 year ago
parent
c7cb365e39
commit
64ddc64482
@ -0,0 +1,197 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="head">
|
||||
<div class="head">
|
||||
<el-row>
|
||||
<!-- <el-form-item>
|
||||
<el-input v-model="searchInfo.name" placeholder="请输入类型名称" style="margin-left: 10px;" />
|
||||
</el-form-item>
|
||||
<el-button type="primary" @click="GetList()" style="margin-left: 10px;">查询</el-button> -->
|
||||
<el-button type="success" @click="Add()" style="margin-left: 10px;">添加</el-button>
|
||||
</el-row>
|
||||
</div>
|
||||
</div>
|
||||
<el-table :data="tableData" style="width: 100%;" row-key="id" v-loading="loading">
|
||||
<el-table-column prop="id" label="Id" width="100" v-if="false" />
|
||||
<el-table-column prop="name" label="名称" />
|
||||
<el-table-column prop="his_id" label="Id" />
|
||||
<el-table-column prop="type" label="类型">
|
||||
<template #default="scope">
|
||||
<span v-if="scope.row.type==1">代金券</span> <span v-if="scope.row.type==2">折扣券</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="" label="操作" width="150">
|
||||
<template #default="scope">
|
||||
<el-button type="primary" @click="Edit(scope.row)" size="small">修改</el-button>
|
||||
<el-button type="danger" @click="Del(scope.row.id)" size="small">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-dialog v-model="dialogVisible" title="设置" width="1000px">
|
||||
<div class="chuansuokuang" v-loading="loading">
|
||||
<el-form :model="Info" label-width="80">
|
||||
<el-form-item label="名称">
|
||||
<el-input v-model="Info.name" />
|
||||
</el-form-item>
|
||||
<el-form-item label="Id">
|
||||
<el-input v-model="Info.his_id" />
|
||||
</el-form-item>
|
||||
<el-form-item label="类型">
|
||||
<el-radio-group v-model="Info.type">
|
||||
<el-radio :label="1">代金券</el-radio>
|
||||
<el-radio :label="2">折扣券</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="绑定" class="eltransfer">
|
||||
<el-transfer filterable v-model="Info.combo_ids" :data="AllCombos" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="dialogVisible = false">取消</el-button>
|
||||
<el-button type="primary" @click="Save()">
|
||||
确定
|
||||
</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
ref,
|
||||
onMounted
|
||||
} from 'vue';
|
||||
import {
|
||||
ElMessage,
|
||||
ElMessageBox
|
||||
} from 'element-plus'
|
||||
import {
|
||||
CouponsGetList,
|
||||
CouponsSave,
|
||||
CouponsDel,
|
||||
CouponsGetDetail,
|
||||
ComboGetAllList
|
||||
} from '@/api/api.js'
|
||||
let loading = ref(false)
|
||||
let searchInfo = ref({})
|
||||
let tableData = ref([])
|
||||
let currentPage = ref(1) //当前页码
|
||||
let pageSize = ref(15) //每页数量
|
||||
let total = 0 //总数量
|
||||
const PageSizeChange = (e) => { // 修改每页数量
|
||||
pageSize.value = e
|
||||
GetList()
|
||||
}
|
||||
const PageCurrentChange = (e) => { //切换页码
|
||||
currentPage.value = e
|
||||
GetList()
|
||||
}
|
||||
|
||||
const GetList = () => {
|
||||
loading.value = true
|
||||
CouponsGetList({
|
||||
searchInfo: searchInfo.value,
|
||||
page: currentPage.value,
|
||||
pageSize: pageSize.value
|
||||
}).then(res => {
|
||||
loading.value = false
|
||||
if (res.status) {
|
||||
tableData.value = res.data.list
|
||||
total = res.data.count
|
||||
} else {
|
||||
ElMessage.error(res.msg)
|
||||
}
|
||||
})
|
||||
}
|
||||
let Info = ref({});
|
||||
let dialogVisible = ref(false);
|
||||
const Add = () => {
|
||||
Info.value = {}
|
||||
Info.value.id = 0
|
||||
Info.value.status = 1
|
||||
dialogVisible.value = true
|
||||
|
||||
}
|
||||
const Save = () => {
|
||||
loading.value = true
|
||||
CouponsSave({
|
||||
Info: Info.value
|
||||
}).then(res => {
|
||||
loading.value = false
|
||||
if (res.status) {
|
||||
dialogVisible.value = false
|
||||
GetList()
|
||||
} else {
|
||||
ElMessage.error(res.msg)
|
||||
}
|
||||
})
|
||||
}
|
||||
const Edit = (row) => {
|
||||
GetDetailFunc(row.id)
|
||||
dialogVisible.value = true
|
||||
Info.value.name = row.name
|
||||
Info.value.id = row.id
|
||||
}
|
||||
//获取详情
|
||||
const GetDetailFunc = (id) => {
|
||||
loading.value = true
|
||||
CouponsGetDetail({
|
||||
id: id
|
||||
}).then(res => {
|
||||
loading.value = false
|
||||
if (res.status) {
|
||||
Info.value = res.data.info
|
||||
} else {
|
||||
ElMessage.error(res.msg)
|
||||
}
|
||||
})
|
||||
}
|
||||
const Del = (id) => {
|
||||
loading.value = true
|
||||
CouponsDel({
|
||||
id: id
|
||||
}).then(res => {
|
||||
loading.value = false
|
||||
if (res.status) {
|
||||
GetList()
|
||||
} else {
|
||||
ElMessage.error(res.msg)
|
||||
}
|
||||
})
|
||||
}
|
||||
let AllCombos = ref([]);
|
||||
const ComboGetAllListFunc = () => {
|
||||
loading.value = true
|
||||
AllCombos.value = []
|
||||
ComboGetAllList().then(res => {
|
||||
loading.value = false
|
||||
if (res.status) {
|
||||
res.data.list.forEach((v, i) => {
|
||||
AllCombos.value.push({
|
||||
key: v.combo_id,
|
||||
label: v.name
|
||||
})
|
||||
})
|
||||
} else {
|
||||
ElMessage.error(res.msg)
|
||||
}
|
||||
})
|
||||
}
|
||||
onMounted(() => {
|
||||
GetList()
|
||||
ComboGetAllListFunc()
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.head {
|
||||
margin: 10px auto;
|
||||
}
|
||||
|
||||
.eltransfer>>>.el-transfer-panel {
|
||||
width: 350px;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue