angelo
/
web-base-admin
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(lotteryDetails): 抽奖明细去签呈

This commit is contained in:
woody 2025-09-18 14:10:49 +08:00
parent 413b570b02
commit bcdfda3d63
4 changed files with 107 additions and 642 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
src/api/newgift.js
View File

@ -1,7 +1,6 @@
import request from '@/utils/request'
//新人礼包活动列表
// 新人礼包活动列表
export function getNewPeopleList(params) {
return request({
url: '/activity/manage/activity/list',
@ -10,15 +9,15 @@ export function getNewPeopleList(params) {
})
}
//活动状态
// 活动状态
export function getActiveStatus() {
return request({
url: '/system/pub/enums/get-activityStatus',
method: 'get',
method: 'get'
})
}
//查看新人礼包
// 查看新人礼包
export function getNewPeopleDetails(data) {
return request({
url: '/activity/manage/new-people/details',
@ -27,7 +26,7 @@ export function getNewPeopleDetails(data) {
})
}
//新增新人礼包
// 新增新人礼包
export function saveNewPeoplePetition(data) {
return request({
url: '/activity/manage/new-people/save-petition',
@ -36,7 +35,7 @@ export function saveNewPeoplePetition(data) {
})
}
//修改新人礼包
// 修改新人礼包
export function updateNewPeoplePetition(data) {
return request({
url: '/activity/manage/new-people/up-petition',
@ -45,7 +44,7 @@ export function updateNewPeoplePetition(data) {
})
}
//删除新人礼包
// 删除新人礼包
export function deleteNewPeoplePetition(data) {
return request({
url: '/activity/manage/new-people/del-petition',
@ -54,8 +53,7 @@ export function deleteNewPeoplePetition(data) {
})
}
//抽奖列表
// 抽奖列表
export function getDrawGiftConfigList(params) {
return request({
url: '/activity/manage/draw-gift-config/list',
@ -64,8 +62,7 @@ export function getDrawGiftConfigList(params) {
})
}
//抽奖签呈
// 抽奖签呈
export function drawGiftConfigPetition(data) {
return request({
url: '/activity/manage/draw-gift-config/online-petition',
@ -74,7 +71,7 @@ export function drawGiftConfigPetition(data) {
})
}
//查看抽奖
// 查看抽奖
export function getDrawGiftConfigDetail(params) {
return request({
url: '/activity/manage/draw-gift-config/detail',
@ -83,7 +80,7 @@ export function getDrawGiftConfigDetail(params) {
})
}
//发放方式
// 发放方式
export function getGrantWay(params) {
return request({
url: '/system/pub/enums/get-grant-way',
@ -92,7 +89,7 @@ export function getGrantWay(params) {
})
}
//抽奖明细列表
// 抽奖明细列表
export function getDrawDetailList(params) {
return request({
url: '/activity/manage/draw/list-number',
@ -101,7 +98,7 @@ export function getDrawDetailList(params) {
})
}
//中奖记录
// 中奖记录
export function getActiveDrawDetailList(data) {
return request({
url: '/activity/manage/draw/list?pageSize=' + data.pageSize + '&pageNum=' + data.pageNum,
@ -110,7 +107,7 @@ export function getActiveDrawDetailList(data) {
})
}
//活动类型枚举
// 活动类型枚举
export function getActivityType(params) {
return request({
url: '/system/pub/enums/activity-type',
@ -119,7 +116,7 @@ export function getActivityType(params) {
})
}
//活动列表下拉选
// 活动列表下拉选
export function getActivityFindAll(params) {
return request({
url: '/activity/manage/activity/find-all',
@ -128,7 +125,7 @@ export function getActivityFindAll(params) {
})
}
//充值已购买次数
// 充值已购买次数
export function purchasedTimesNotexamine(data) {
return request({
url: '/activity/manage/draw/purchased-times',
@ -137,8 +134,7 @@ export function purchasedTimesNotexamine(data) {
})
}
//充值未购买次数
// 充值未购买次数
export function unpurchasedTimesNotexamine(data) {
return request({
url: '/activity/manage/draw/unpurchased-times',
@ -147,12 +143,3 @@ export function unpurchasedTimesNotexamine(data) {
})
}

8
src/router/index.js
View File

@ -1938,15 +1938,7 @@ export const constantRoutes = [
name: 'LotteryDetailsList',
component: () => import('@/views/marketing/lotteryDetails/index'),
meta: { title: '抽奖明细' }
},
{
path: 'lotteryDetailsListSign',
name: 'LotteryDetailsListSign',
component: () => import('@/views/marketing/lotteryDetails/onlineSign'),
meta: { title: '抽奖明细' },
hidden: true
}
]
},
{

67
src/views/marketing/lotteryDetails/index.vue
View File

@ -157,29 +157,6 @@
prop="availableSurplusNum"
:label="'剩余可用总次数'"
/>
<el-table-column
width="120px"
align="center"
prop="recMemberCode"
:label="'推荐编号'"
/>
<el-table-column
align="center"
prop="recMemberName"
:label="'推荐姓名'"
/>
<el-table-column
align="center"
prop="orderCode"
:label="'来源订单编号'"
width="120px"
/>
<el-table-column
align="center"
prop="sourceMemberCode"
:label="'来源会员编号'"
width="120px"
/>
</el-table>
</div>
</div>
@ -375,42 +352,18 @@ export default {
onSubmit(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
if (this.ifgm == 1) {
this.$router.push({
path: 'lotteryDetailsListSign',
query: {
data: JSON.stringify(this.form),
index: 744
}
})
} else {
this.$router.push({
path: 'lotteryDetailsListSign',
query: {
data: JSON.stringify(this.form),
index: 745
}
const url = this.ifgm === 1 ? gif.purchasedTimesNotexamine : gif.unpurchasedTimesNotexamine
url(this.form).then((res) => {
if (res.code === 200) {
this.$message({
message: res.msg,
type: 'success'
})
}
// let url = "";
// if (this.ifgm == 1) {
// url = gif.purchasedTimesNotexamine;
// } else {
// url = gif.unpurchasedTimesNotexamine;
// }
// url(this.form).then((res) => {
// if (res.code == 200) {
// this.$message({
// message: res.msg,
// type: "success",
// });
// this.dialogVisible = false;
// this.$refs[formName].resetFields();
// // 获取列表
// this.getSearch();
// }
// });
this.dialogVisible = false
this.$refs[formName].resetFields()
this.getSearch()
})
} else {
return false
}

467
src/views/marketing/lotteryDetails/onlineSign.vue
View File

@ -1,467 +0,0 @@
<template>
<div class="page">
<topBar
v-if="topList.length > 0"
:topList="topList"
:moren="moren"
></topBar>
<div class="main">
<div class="thetable">
<div class="fontTitle">{{ '在线签呈' }}</div>
<div class="titleflex">
<div>{{ '编号' }} :</div>
<div>
<el-radio-group v-model="allData.signType">
<el-radio
:label="ctem.value"
v-for="ctem in checkList"
:key="ctem.value"
>{{ ctem.label }}</el-radio
>
</el-radio-group>
</div>
</div>
<table id="tfhover" class="tftable" border="1">
<tr>
<td colspan="1" width="190px" align="center">
{{ '发起部门' }} :
</td>
<td colspan="1" v-if="allData.signData" width="435px">
{{ allData.signData.deptName }}
</td>
<td colspan="1" width="140px" align="center">
{{ '发起人' }} :
</td>
<td colspan="1" v-if="allData.signData">
{{ allData.signData.userName }}
</td>
</tr>
<tr>
<td colspan="1" align="center">{{ '主旨' }} :</td>
<td colspan="1" v-if="allData.signData">
{{ allData.signData.approvalBusinessVal }}
</td>
<td colspan="1" align="center">{{ '日期' }} :</td>
<td colspan="1" v-if="allData.signData">
{{ allData.signData.creationTime }}
</td>
</tr>
<!-- </tr> -->
<!-- // 审批流程 -->
<tr>
<td colspan="1" align="center">{{ '审批流程' }}</td>
<td colspan="3">
<div class="disflex">
<span
v-for="(ctem, cndex) in allData.signData.detailList"
style="margin: 0 5px 5px 0"
>
<el-select
v-model="ctem.pkApprover"
filterable
size="mini"
@change="getApprover"
:placeholder="'请选择'"
>
<el-option
v-for="item in approbalList"
:key="item.userId"
:label="item.nickName + '(' + item.deptName + ')'"
:value="item.userId"
>
</el-option>
</el-select>
</span>
<span style="margin: 0 5px 5px 0">
<i
class="el-icon-remove-outline"
@click.stop="delData"
v-show="allData.signData.detailList.length > 0"
style="font-size: 18px; margin-right: 5px"
></i>
<i
class="el-icon-circle-plus-outline"
style="font-size: 18px"
@click.stop="addData"
></i>
</span>
</div>
</td>
</tr>
<tr>
<td colspan="1" align="center">{{ '抄送人' }}</td>
<td colspan="3">
<div class="disflex">
<span
v-for="(ctem, cndex) in allData.signData.sendList"
style="margin: 0 5px 5px 0"
>
<el-select
v-model="ctem.pkSend"
filterable
size="mini"
@change="getApprover"
:placeholder="'请选择'"
>
<el-option
v-for="item in userAllList"
:key="item.userId"
:label="item.nickName + '(' + item.deptName + ')'"
:value="item.userId"
>
</el-option>
</el-select>
</span>
<span style="margin: 0 5px 5px 0">
<i
class="el-icon-remove-outline"
@click.stop="delData1"
v-show="allData.signData.sendList.length > 0"
style="font-size: 18px; margin-right: 5px"
></i>
<i
class="el-icon-circle-plus-outline"
style="font-size: 18px"
@click.stop="addData1"
></i>
</span>
</div>
</td>
</tr>
<tr>
<td style="height: 190px" align="center">{{ '情况说明' }}</td>
<td colspan="3" style="padding: 0">
<div>
<noImgEditor v-model="allData.remark" :min-height="190" />
</div>
</td>
</tr>
<tr>
<td style="height: 193px" align="center">{{ '业务诉求' }}</td>
<td colspan="3" style="padding: 0; vertical-align: top">
<div style="">
<el-table
:data="allData.tableList"
style="width: 100%"
:header-cell-style="{ background: '#EEEEEE' }"
>
<el-table-column
v-for="ctem in allData.tableTit"
:key="ctem.value"
align="center"
:prop="ctem.value"
:label="ctem.label"
>
</el-table-column>
</el-table>
</div>
</td>
</tr>
<tr>
<td style="height: 190px" align="center">{{ '附件' }}</td>
<td colspan="3" style="padding: 0">
<div style="height: 100%; padding: 10px 20px">
<el-upload
class="upload-demo"
:action="uploadImgUrl"
:on-success="handleUploadSuccess"
:on-remove="removeFile"
multiple
:headers="headers"
:file-list="fileList"
>
<el-button size="small" type="primary">{{
'点击上传'
}}</el-button>
</el-upload>
</div>
</td>
</tr>
</table>
</div>
</div>
<div class="footer">
<div style="margin: 0 auto">
<el-button class="thebtn" @click="cancelCz">
{{ '取消' }}</el-button
>
<el-button type="primary" class="thebtn" @click="saveDate">
{{ '确认' }}</el-button
>
</div>
</div>
</div>
</template>
<script>
import topBar from "@/components/topBar";
import * as man from "@/api/manage";
import onlineSign from "../../dashboard/onlineSign.json";
import { getToken } from "@/utils/auth";
import { isLocals } from "../../../utils/numberToCurrency";
import * as gif from "@/api/newgift";
export default {
name: "LotteryDetailsListSign",
components: {
topBar,
},
data() {
return {
uploadImgUrl: process.env.VUE_APP_BASE_API + "/system/upload", // 上传的图片服务器地址
headers: {
Authorization: getToken(),
},
onlineSign,
moren: "lotteryDetailsListSign",
topList: [
{
name: '在线签呈',
path: "lotteryDetailsListSign",
},
],
checked: [],
checkList: [],
ywsq: "",
ywsqList: [],
qcData: {},
memberPetitionVo: {
businessNo: "",
signType: "",
description: "",
petitionListVoList: [],
czlx: "",
},
orderNumber: "",
allData: {
remark: "",
signType: 1,
fileList: [],
signData: {
detailList: [],
sendList: [],
},
approvalBusiness: "",
},
signDataList: [],
fileList: [],
// 审批流程
approbalList: [],
userAllList: [],
};
},
mounted() {
this.allData = JSON.parse(this.$route.query.data);
this.allData.tableList = [JSON.parse(this.$route.query.data)];
this.allData.signData = {
detailList: [],
sendList: [],
};
this.allData.approvalBusiness = this.$route.query.index;
this.getSignData([this.allData.approvalBusiness]);
},
methods: {
isLocals,
getSignData(arr) {
man.signData(arr).then((res) => {
this.allData.signData = res.data[0];
// 签呈表头数据添加到数组
this.$set(this.allData, "signType", 1);
this.$set(this.allData, "remark", "");
this.$set(this.allData, "fileList", []);
// table表头添加到数组
this.onlineSign.forEach((ctem) => {
if (this.allData.approvalBusiness == ctem.id) {
this.allData.tableTit = ctem.textList;
}
});
this.$forceUpdate();
this.getApprove();
this.getSignType();
});
},
getApprove() {
// 审批流程
man.approvalUser().then((res) => {
this.approbalList = res.data;
});
man.userAll().then((res) => {
this.userAllList = res.data;
});
man.approvalOperation().then((res) => {
this.ywsqList = res.data;
});
},
getSignType() {
man.signType().then((res) => {
this.checkList = res.data;
});
},
saveDate() {
// 审批流程
this.allData.userIdList = this.allData.signData.detailList.map((item) => {
return item.pkApprover;
});
this.allData.userIdList = this.allData.userIdList.filter((item) => item);
// 抄送流程
this.allData.sendIdList = this.allData.signData.sendList.map((item) => {
return item.pkSend;
});
this.allData.sendIdList = this.allData.sendIdList.filter((item) => item);
this.allData.fileList = this.fileList.map((item) => {
return item.url;
});
let url = "";
if (this.allData.approvalBusiness == 744) {
url = gif.purchasedTimesNotexamine;
} else if (this.allData.approvalBusiness == 745) {
url = gif.unpurchasedTimesNotexamine;
}
url(this.allData).then((res) => {
if (res.code == 200) {
this.$message({
message: res.msg,
type: "success",
});
this.cancelCz();
}
});
},
cancelCz() {
this.$router.go(-1);
},
// 审批流程
getApprover() {
this.$nextTick(() => {
this.$forceUpdate();
});
},
// 审批流程
addData() {
let arr = JSON.parse(JSON.stringify(this.allData.signData.detailList));
arr.push({
pkApprover: "",
});
this.$set(this.allData.signData, "detailList", arr);
this.$forceUpdate();
},
// 审批流程
delData() {
this.allData.signData.detailList.pop();
this.$forceUpdate();
},
// 审批流程
addData1() {
let arr = JSON.parse(JSON.stringify(this.allData.signData.sendList));
arr.push({
pkSend: "",
});
this.$set(this.allData.signData, "sendList", arr);
this.$forceUpdate();
},
// 抄送
delData1() {
this.allData.signData.sendList.pop();
this.$forceUpdate();
},
handleUploadSuccess(res) {
if (res.code == 200) {
this.fileList.push(res.data);
} else {
this.$message({
type: "error",
message: '上传失败',
});
}
},
removeFile(file, fileList) {
this.fileList.forEach((item, index) => {
if (file.uid == item.uid) {
this.fileList.splice(index, 1);
}
});
},
},
};
</script>
<style lang="scss" scoped>
::v-deep .el-table thead {
color: #000000;
}
.page {
padding: 20px;
background: #f9f9f9;
font-size: 14px;
.main {
// margin-top: 20px;
background: #ffffff;
border-radius: 8px;
box-shadow: 0px 2px 20px 0px rgba(238, 238, 238, 0.5);
display: flex;
margin: 0 auto;
width: 100%;
padding: 20px;
flex-direction: column;
}
.thetable {
margin: 0 auto;
margin-bottom: 20px;
.fontTitle {
font-weight: bold;
font-size: 24px;
text-align: center;
}
.titleflex {
display: flex;
margin-top: 10px;
margin-bottom: 10px;
justify-content: space-between;
}
}
.tftable {
font-size: 14px;
border-collapse: collapse;
border-radius: 10px;
width: 1060px;
border: 1px solid #cccccc;
.spbox {
display: flex;
align-items: center;
justify-content: flex-end;
}
th {
font-size: 14px;
// padding: 20px;
}
tr td {
font-size: 14px;
padding: 10px 20px;
height: 60px;
}
}
.footer {
display: flex;
justify-content: center;
align-items: center;
padding: 15px 0;
.thebtn {
width: 120px;
height: 38px;
}
}
}
::v-deep .el-table__row td:nth-child(4) {
display: flex;
}
// 审批流程
.disflex {
display: flex;
align-items: center;
flex-wrap: wrap;
}
::v-deep .el-table__row td {
height: 100%;
}
</style>