This commit is contained in:
777
2026-01-06 15:36:38 +08:00
parent ebac3a6ff7
commit 1bdb911f15
5 changed files with 276 additions and 148 deletions

View File

@@ -42,3 +42,10 @@ export function delPrizeInfo(id) {
method: 'delete' method: 'delete'
}) })
} }
export function prizeInfoAll() {
return request({
url: '/cai/prizeInfo/all',
method: 'get'
})
}

View File

@@ -18,27 +18,10 @@ export function getPrizeOnline(id) {
} }
// 新增已发布奖品 // 新增已发布奖品
export function addPrizeOnline(data) { export function resetPrizeOnline(gender,data) {
return request({ return request({
url: '/cai/prizeOnline', url: '/cai/prizeOnline/reset/'+gender,
method: 'post', method: 'post',
data: data data: data
}) })
} }
// 修改已发布奖品
export function updatePrizeOnline(data) {
return request({
url: '/cai/prizeOnline',
method: 'put',
data: data
})
}
// 删除已发布奖品
export function delPrizeOnline(id) {
return request({
url: '/cai/prizeOnline/' + id,
method: 'delete'
})
}

View File

@@ -1,14 +1,14 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-tabs v-model="activeTabs" @tab-click="handleClick"> <el-tabs v-model="activeTabs" @tab-click="handleClick">
<el-tab-pane label="奖品模板" name="prizeInfo"> <el-tab-pane label="奖品模板" name="prizeInfoTab">
<prize-info-tab business-type="prizeInfoTab" /> <prize-info-tab business-type="prizeInfoTab" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="男用户奖品" name="security"> <el-tab-pane label="男用户奖品" name="prizeOnlineManTab">
<prize-online-man-tab business-type="prizeOnlineManTab" /> <prize-online-man-tab business-type="prizeOnlineManTab" :gender="1" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="女用户奖品" name="pay"> <el-tab-pane label="女用户奖品" name="pay">
<config-table business-type="pay" /> <prize-online-man-tab business-type="prizeOnlineManTab" :gender="2" />
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>

View File

@@ -14,7 +14,7 @@
plain plain
icon="el-icon-plus" icon="el-icon-plus"
size="mini" size="mini"
@click="handleAdd" @click="handleReset"
v-hasPermi="['cai:prizeOnline:add']" v-hasPermi="['cai:prizeOnline:add']"
>调整</el-button> >调整</el-button>
</el-col> </el-col>
@@ -46,61 +46,26 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
<prize-online-reset-dialog v-if="prizeOnlineResetDialogVisible" ref="prizeOnlineResetDialog" @refreshDataList="getList" :gender="this.gender"/>
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="奖品ID" prop="prizeId">
<el-input v-model="form.prizeId" placeholder="请输入奖品ID" />
</el-form-item>
<el-form-item label="性别 1-女 2-男" prop="gender">
<el-input v-model="form.gender" placeholder="请输入性别 1-女 2-男" />
</el-form-item>
<el-form-item label="奖品名称" prop="prizeName">
<el-input v-model="form.prizeName" placeholder="请输入奖品名称" />
</el-form-item>
<el-form-item label="奖品描述" prop="prizeDesc">
<el-input v-model="form.prizeDesc" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="奖品图片地址" prop="prizeImg">
<el-input v-model="form.prizeImg" placeholder="请输入奖品图片地址" />
</el-form-item>
<el-form-item label="中奖率" prop="winProbability">
<el-input v-model="form.winProbability" placeholder="请输入中奖率" />
</el-form-item>
<el-form-item label="保底抽数" prop="guaranteeDraws">
<el-input v-model="form.guaranteeDraws" placeholder="请输入保底抽数" />
</el-form-item>
<el-form-item label="最低中奖抽数" prop="minWinDraws">
<el-input v-model="form.minWinDraws" placeholder="请输入最低中奖抽数" />
</el-form-item>
<el-form-item label="奖品库存" prop="stock">
<el-input v-model="form.stock" placeholder="请输入奖品库存" />
</el-form-item>
<el-form-item label="奖品价值估算" prop="prizePrice">
<el-input v-model="form.prizePrice" placeholder="请输入奖品价值估算" />
</el-form-item>
<el-form-item label="是否自动兑奖" prop="autoGive">
<el-input v-model="form.autoGive" placeholder="请输入是否自动兑奖" />
</el-form-item>
<el-form-item label="是否为谢谢惠顾奖0-否1-是" prop="isThank">
<el-input v-model="form.isThank" placeholder="请输入是否为谢谢惠顾奖0-否1-是" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import {listPrizeOnline} from "@/api/cai/prizeOnline"; import {listPrizeOnline} from "@/api/cai/prizeOnline";
import {prizeAutoGiveList, prizeTypeList} from "@/constant/statusMap"; import {prizeAutoGiveList, prizeTypeList} from "@/constant/statusMap";
import PrizeOnlineResetDialog from "@/views/cai/prizeInfo/prize-online-reset-dialog.vue";
export default { export default {
props: {
gender: {
type: Number, // 参数类型
required: true // 是否必传
},
},
name: "PrizeOnline", name: "PrizeOnline",
components: {
PrizeOnlineResetDialog
},
data() { data() {
return { return {
prizeTypeList, prizeAutoGiveList, prizeTypeList, prizeAutoGiveList,
@@ -122,9 +87,9 @@ export default {
prizeOnlineList: [], prizeOnlineList: [],
// 查询参数 // 查询参数
queryParams: { queryParams: {
pageNum: 1, gender: this.gender
pageSize: 10,
}, },
prizeOnlineResetDialogVisible: false
}; };
}, },
created() { created() {
@@ -135,8 +100,7 @@ export default {
getList() { getList() {
this.loading = true; this.loading = true;
listPrizeOnline(this.queryParams).then(response => { listPrizeOnline(this.queryParams).then(response => {
this.prizeOnlineList = response.rows; this.prizeOnlineList = response.data;
this.total = response.total;
this.loading = false; this.loading = false;
}); });
}, },
@@ -156,8 +120,11 @@ export default {
this.single = selection.length!==1 this.single = selection.length!==1
this.multiple = !selection.length this.multiple = !selection.length
}, },
/** 新增按钮操作 */ handleReset() {
handleAdd() { this.prizeOnlineResetDialogVisible = true
this.$nextTick(() => {
this.$refs.prizeOnlineResetDialog.init()
})
}, },
} }
}; };

View File

@@ -1,80 +1,151 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-row :gutter="10" class="mb8"> <el-dialog title="调整奖品" :close-on-click-modal="false" :visible.sync="open" width="1000px" append-to-body>
<el-col :span="1.5"> <el-row :gutter="10" class="mb8">
<el-button <el-col :span="1.5">
type="primary" <el-button
plain type="primary"
icon="el-icon-plus" plain
size="mini" icon="el-icon-plus"
@click="handleAdd" size="mini"
v-hasPermi="['cai:prizeInfo:add']" @click="handleAdd"
>新增</el-button> >新增</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
<el-button </el-row>
type="danger"
plain <el-table v-loading="loading" :data="prizeOnlineList" @selection-change="handleSelectionChange">
icon="el-icon-delete" <el-table-column type="selection" width="55" align="center" />
size="mini" <el-table-column label="奖品类型" align="center" prop="prizeType" >
:disabled="multiple" <template v-slot="scope">
@click="handleDelete" <cai-dict-tag :options="prizeTypeList" :value="scope.row.prizeType" />
v-hasPermi="['cai:prizeInfo:remove']" </template>
>删除</el-button> </el-table-column>
</el-col> <el-table-column label="奖品名称" align="center" prop="prizeName" />
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <el-table-column label="奖品描述" align="center" prop="prizeDesc" />
</el-row> <el-table-column label="奖品图片" align="center" prop="prizeImg" >
<template v-slot="scope">
<image-avatar :src="scope.row.prizeImg"/>
</template>
</el-table-column>
<el-table-column label="中奖率" align="center" prop="winProbability" />
<el-table-column label="保底抽数" align="center" prop="guaranteeDraws" />
<el-table-column label="最低抽数" align="center" prop="minWinDraws" />
<el-table-column label="奖品价值" align="center" prop="prizePrice" />
<el-table-column label="自动兑奖" align="center" prop="autoGive" >
<template v-slot="scope">
<cai-dict-tag :options="prizeAutoGiveList" :value="scope.row.autoGive" />
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['cai:prizeInfo:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['cai:prizeInfo:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm"> </el-button>
<el-button @click="open = false"> </el-button>
</div>
</el-dialog>
<el-dialog title="新增奖品" :close-on-click-modal="false" :visible.sync="addOpen" width="700px" append-to-body>
<el-form ref="addForm" :model="addForm" label-width="80px" >
<el-form-item label="奖品模板" prop="prizeInfoTemplate">
<el-select v-model="addForm.prizeInfoTemplate" size="small">
<el-option
v-for="dict in prizeInfoSelectList"
:key="dict.id"
:label="dict.prizeName"
:value="dict.id"
/>
</el-select>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="addSubmitForm"> </el-button>
<el-button @click="addOpen = false"> </el-button>
</div>
</el-dialog>
<el-dialog title="修改奖品" :close-on-click-modal="false" :visible.sync="updateOpen" width="700px" append-to-body>
<el-form ref="updateForm" :model="updateForm" :rules="updateRules" label-width="80px">
<el-form-item label="奖品类型" prop="prizeType">
<el-select v-model="updateForm.prizeType" size="small">
<el-option
v-for="dict in prizeTypeList"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="奖品名称" prop="prizeName">
<el-input v-model="updateForm.prizeName" placeholder="请输入奖品名称" />
</el-form-item>
<el-form-item label="奖品描述" prop="prizeDesc">
<el-input v-model="updateForm.prizeDesc" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="奖品图片" prop="prizeImg">
<image-upload2 v-model="updateForm.prizeImg"/>
</el-form-item>
<el-form-item label="中奖率" prop="winProbability">
<el-input-number v-model="updateForm.winProbability" placeholder="请输入中奖率" min="0" max="1" />
</el-form-item>
<el-form-item label="保底抽数" prop="guaranteeDraws" v-if="updateForm.prizeType == 3">
<el-input v-model="updateForm.guaranteeDraws" placeholder="请输入保底抽数" />
</el-form-item>
<el-form-item label="最低中奖抽数" prop="minWinDraws" v-if="updateForm.prizeType == 3" >
<el-input v-model="updateForm.minWinDraws" placeholder="请输入最低中奖抽数" />
</el-form-item>
<el-form-item label="奖品价值" prop="prizePrice">
<el-input v-model="updateForm.prizePrice" placeholder="请输入奖品价值估算" />
</el-form-item>
<el-form-item label="自动兑奖" prop="autoGive">
<el-select v-model="updateForm.autoGive" size="small">
<el-option
v-for="dict in prizeAutoGiveList"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<!-- <el-button :loading="buttonLoading" type="primary" @click="updateSubmitForm"> </el-button>-->
<el-button @click="updateOpen = false"> </el-button>
</div>
</el-dialog>
<el-table v-loading="loading" :data="prizeOnlineList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="奖品类型" align="center" prop="prizeType" >
<template v-slot="scope">
<cai-dict-tag :options="prizeTypeList" :value="scope.row.prizeType" />
</template>
</el-table-column>
<el-table-column label="奖品名称" align="center" prop="prizeName" />
<el-table-column label="奖品描述" align="center" prop="prizeDesc" />
<el-table-column label="奖品图片" align="center" prop="prizeImg" >
<template v-slot="scope">
<image-avatar :src="scope.row.prizeImg"/>
</template>
</el-table-column>
<el-table-column label="中奖率" align="center" prop="winProbability" />
<el-table-column label="保底抽数" align="center" prop="guaranteeDraws" />
<el-table-column label="最低抽数" align="center" prop="minWinDraws" />
<el-table-column label="奖品价值" align="center" prop="prizePrice" />
<el-table-column label="自动兑奖" align="center" prop="autoGive" >
<template v-slot="scope">
<cai-dict-tag :options="prizeAutoGiveList" :value="scope.row.autoGive" />
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['cai:prizeInfo:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['cai:prizeInfo:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
</div> </div>
</template> </template>
<script> <script>
import {listPrizeOnline} from "@/api/cai/prizeOnline"; import {listPrizeOnline, resetPrizeOnline} from "@/api/cai/prizeOnline";
import {prizeAutoGiveList, prizeTypeList} from "@/constant/statusMap"; import {prizeAutoGiveList, prizeTypeList} from "@/constant/statusMap";
import {prizeInfoAll} from "@/api/cai/prizeInfo";
export default { export default {
props: {
gender: {
type: Number, // 参数类型
required: true // 是否必传
},
},
name: "PrizeOnline", name: "PrizeOnline",
data() { data() {
return { return {
@@ -97,21 +168,67 @@ export default {
prizeOnlineList: [], prizeOnlineList: [],
// 查询参数 // 查询参数
queryParams: { queryParams: {
pageNum: 1, gender: this.gender
pageSize: 10, },
open: false,
// add
addOpen: false,
addForm:{
prizeInfoTemplate: undefined
},
prizeInfoSelectList: [],
// update
updateOpen: false,
updateForm: {},
updateRules: {
prizeName: [
{ required: true, message: "奖品名称不能为空", trigger: "blur" }
],
prizeDesc: [
{ required: true, message: "奖品描述不能为空", trigger: "blur" }
],
prizeImg: [
{ required: true, message: "奖品图片不能为空", trigger: "blur" }
],
winProbability: [
{ required: true, message: "中奖率不能为空", trigger: "blur" }
],
guaranteeDraws: [
{ required: true, message: "保底抽数不能为空", trigger: "blur" }
],
minWinDraws: [
{ required: true, message: "中奖抽数不能为空", trigger: "blur" }
],
prizeType: [
{ required: true, message: "奖品类型不能为空", trigger: "change" }
],
prizePrice: [
{ required: true, message: "奖品价值不能为空", trigger: "blur" }
],
autoGive: [
{ required: true, message: "自动兑奖不能为空", trigger: "blur" }
],
}, },
}; };
}, },
created() { created() {
this.getList();
}, },
methods: { methods: {
init (id) {
this.open = true;
this.$nextTick(() => {
this.getList();
})
},
/** 查询已发布奖品列表 */ /** 查询已发布奖品列表 */
getList() { getList() {
this.loading = true; this.loading = true;
listPrizeOnline(this.queryParams).then(response => { listPrizeOnline(this.queryParams).then(response => {
this.prizeOnlineList = response.rows; this.prizeOnlineList = response.data;
this.total = response.total; this.prizeOnlineList.forEach(item => {
item.uuid = item.id;
})
this.loading = false; this.loading = false;
}); });
}, },
@@ -133,6 +250,60 @@ export default {
}, },
/** 新增按钮操作 */ /** 新增按钮操作 */
handleAdd() { handleAdd() {
this.addOpen = true;
this.$nextTick(() => {
this.$refs['addForm'].resetFields();
this.refreshPrizeInfoAll();
})
},
handleUpdate(row){
this.updateOpen = true;
this.$nextTick(() => {
this.updateForm = row;
})
},
handleDelete(row){
// 找到目标项的索引
const index = this.prizeOnlineList.findIndex(item => item.uuid === row.uuid);
// 只有找到索引index !== -1时才执行删除
if (index !== -1) {
// splice(起始索引, 删除数量),返回被删除的项
return this.prizeOnlineList.splice(index, 1);
}
},
refreshPrizeInfoAll(){
prizeInfoAll().then(response => {
this.prizeInfoSelectList = response.data;
})
},
addSubmitForm(){
let find = this.prizeInfoSelectList.find(item => item.id === this.addForm.prizeInfoTemplate);
if(find){
const newObj = Object.assign({}, find);
newObj.uuid = this.generateUUID()
newObj.prizeId = newObj.id
newObj.id = undefined
this.prizeOnlineList.push(newObj);
}
},
submitForm() {
resetPrizeOnline(this.gender,this.prizeOnlineList).then(response => {
this.$modal.msgSuccess("调整成功");
this.$modal.buttonLoading = false;
this.open = false
this.$emit('refreshDataList')
}).finally(() => {
this.buttonLoading = false;
})
},
generateUUID() {
// UUID v4 的格式为xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx
// 其中 4 是版本号固定位y 只能是 8/9/a/b 中的一个
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
const r = Math.random() * 16 | 0; // 生成 0-15 的随机数
const v = c === 'x' ? r : (r & 0x3 | 0x8); // 处理 y 位的规则
return v.toString(16); // 转换为 16 进制字符串
});
}, },
} }
}; };