tangzheng/prepare_food_admin_vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改抽奖

Browse Source
This commit is contained in:
闵宪瑞 2024-12-06 14:18:30 +08:00
parent d84b7923a0
commit 7fc50da496
1 changed files with 142 additions and 141 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

283
src/views/marketing/activity/activityList/index.vue
View File

@ -13,15 +13,15 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-table <el-table
:data="dataList" :data="dataList"
v-loading="dataListLoading" v-loading="dataListLoading"
style="width: 100%;"> style="width: 100%;">
<el-table-column <el-table-column
prop="cid" prop="cid"
header-align="center" header-align="center"
align="center" align="center"
label="活动类型"> label="活动类型">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="demo-image__preview"> <div class="demo-image__preview">
<span v-if="scope.row.cid == 746">活动预约</span> <span v-if="scope.row.cid == 746">活动预约</span>
@ -33,101 +33,101 @@
</el-table-column> </el-table-column>
<el-table-column <el-table-column
width="150" width="150"
prop="title" prop="title"
header-align="center" header-align="center"
align="center" align="center"
label="标题"> label="标题">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="imageInput" prop="imageInput"
header-align="center" header-align="center"
align="center" align="center"
label="图片"> label="图片">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="demo-image__preview"> <div class="demo-image__preview">
<el-image <el-image
style="width: 36px; height: 36px" style="width: 36px; height: 36px"
:src="scope.row.imageInput" :src="scope.row.imageInput"
:preview-src-list="[scope.row.imageInput]" :preview-src-list="[scope.row.imageInput]"
/> />
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="activityAddr" prop="activityAddr"
header-align="center" header-align="center"
align="center" align="center"
label="地址"> label="地址">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="activityNum" prop="activityNum"
header-align="center" header-align="center"
align="center" align="center"
label="活动人数"> label="活动人数">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="activityPrice" prop="activityPrice"
header-align="center" header-align="center"
align="center" align="center"
label="费用"> label="费用">
</el-table-column> </el-table-column>
<!-- <el-table-column--> <!-- <el-table-column-->
<!-- prop="content"--> <!-- prop="content"-->
<!-- header-align="center"--> <!-- header-align="center"-->
<!-- align="center"--> <!-- align="center"-->
<!-- label="活动内容">--> <!-- label="活动内容">-->
<!-- </el-table-column>--> <!-- </el-table-column>-->
<el-table-column <el-table-column
width="300" width="300"
prop="beginTime" prop="beginTime"
header-align="center" header-align="center"
align="center" align="center"
label="开始时间 - 结束时间"> label="开始时间 - 结束时间">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.beginTime }} - {{ scope.row.endTime }} {{ scope.row.beginTime }} - {{ scope.row.endTime }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
header-align="center" header-align="center"
align="center" align="center"
label="是否热门"> label="是否热门">
<template slot-scope="scope"> <template slot-scope="scope">
<el-switch <el-switch
@change='changeStatus($event,scope.row,"hot")' @change='changeStatus($event,scope.row,"hot")'
v-model="scope.row.isHot" v-model="scope.row.isHot"
active-color="#13ce66" active-color="#13ce66"
inactive-color="#ff4949"> inactive-color="#ff4949">
</el-switch> </el-switch>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
header-align="center" header-align="center"
align="center" align="center"
label="是否轮播"> label="是否轮播">
<template slot-scope="scope"> <template slot-scope="scope">
<el-switch <el-switch
@change='changeStatus($event,scope.row,"banner")' @change='changeStatus($event,scope.row,"banner")'
v-model="scope.row.isBanner" v-model="scope.row.isBanner"
active-color="#13ce66" active-color="#13ce66"
inactive-color="#ff4949"> inactive-color="#ff4949">
</el-switch> </el-switch>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="sort" prop="sort"
header-align="center" header-align="center"
align="center" align="center"
label="排序"> label="排序">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
fixed="right" fixed="right"
header-align="center" header-align="center"
align="center" align="center"
width="150" width="150"
label="操作"> label="操作">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">修改</el-button> <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">修改</el-button>
<el-button v-hasPermi="['admin:activity:update']" type="text" size="small" <el-button v-hasPermi="['admin:activity:update']" type="text" size="small"
@ -140,64 +140,65 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination <el-pagination
@size-change="sizeChangeHandle" @size-change="sizeChangeHandle"
@current-change="currentChangeHandle" @current-change="currentChangeHandle"
:current-page="tableFrom.page" :current-page="tableFrom.page"
:page-sizes="[10, 20, 50, 100]" :page-sizes="[10, 20, 50, 100]"
:page-size="tableFrom.limit" :page-size="tableFrom.limit"
:total="totalPage" :total="totalPage"
layout="total, sizes, prev, pager, next, jumper"> layout="total, sizes, prev, pager, next, jumper">
</el-pagination> </el-pagination>
<!-- 表单弹窗, 新增数据和修改数据--> <!-- 表单弹窗, 新增数据和修改数据-->
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
<el-dialog <el-dialog
title="活动预约记录" title="活动预约记录"
:close-on-click-modal="false" :close-on-click-modal="false"
:visible.sync="logVisible" :visible.sync="logVisible"
width="80%" width="80%"
> >
<el-table <el-table
:data="logList" :data="logList"
style="width: 100%;"> style="width: 100%;">
<el-table-column <el-table-column
width="150" width="100"
prop="userName" prop="userName"
header-align="center" header-align="center"
align="center" align="center"
label="预约人"> label="预约人">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="cellPhone" prop="cellPhone"
header-align="center" header-align="center"
align="center" align="center"
label="预约手机号"> label="预约手机号">
</el-table-column>
<!-- <el-table-column-->
<!-- width="120"-->
<!-- prop="createDate"-->
<!-- header-align="center"-->
<!-- align="center"-->
<!-- label="报名时间">-->
<!-- </el-table-column>-->
<el-table-column
width="160"
prop="registerDate"
header-align="center"
align="center"
label="预约指定日期">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="createDate" prop="remark"
header-align="center" header-align="center"
align="center" align="center"
label="报名时间"> label="备注">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="registerDate" prop="registerStatus"
header-align="center" header-align="center"
align="center" align="center"
label="预约指定日期"> label="预约状态">
</el-table-column>
<el-table-column
prop="remark"
header-align="center"
align="center"
label="备注">
</el-table-column>
<el-table-column
prop="registerStatus"
header-align="center"
align="center"
label="预约状态">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="demo-image__preview"> <div class="demo-image__preview">
@ -209,10 +210,10 @@
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="cancelData" prop="cancelData"
header-align="center" header-align="center"
align="center" align="center"
label="取消时间"> label="取消时间">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="demo-image__preview"> <div class="demo-image__preview">
@ -222,10 +223,10 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="cancelReason" prop="cancelReason"
header-align="center" header-align="center"
align="center" align="center"
label="取消原因"> label="取消原因">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="demo-image__preview"> <div class="demo-image__preview">
@ -236,27 +237,27 @@
</el-table-column> </el-table-column>
<el-table-column <el-table-column
fixed="right" fixed="right"
header-align="center" header-align="center"
align="center" align="center"
width="150" width="150"
label="操作"> label="操作">
<template slot-scope="scope"> <template slot-scope="scope">
<!-- <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">修改</el-button>--> <!-- <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">修改</el-button>-->
<!-- <el-button v-hasPermi="['admin:activity:update']" type="text" size="small"--> <!-- <el-button v-hasPermi="['admin:activity:update']" type="text" size="small"-->
<!-- @click="activityLog(scope.row.id)">预约记录--> <!-- @click="activityLog(scope.row.id)">预约记录-->
<!-- </el-button>--> <!-- </el-button>-->
<!-- <el-button v-hasPermi="['admin:activity:delete']" type="text" size="small"--> <!-- <el-button v-hasPermi="['admin:activity:delete']" type="text" size="small"-->
<!-- @click="deleteHandle(scope.row.id)">删除--> <!-- @click="deleteHandle(scope.row.id)">删除-->
<!-- </el-button>--> <!-- </el-button>-->
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination <el-pagination
background background
layout="prev, pager, next" layout="prev, pager, next"
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
:total="this.logParams.total"> :total="this.logParams.total">
</el-pagination> </el-pagination>
@ -280,10 +281,10 @@ export default {
dataList: [], dataList: [],
logList: [], logList: [],
logParams: { logParams: {
activityId:"", activityId: "",
limit:10, limit: 10,
page:1, page: 1,
total:1, total: 1,
}, },
tableFrom: { tableFrom: {
page: 1, page: 1,
@ -303,10 +304,10 @@ export default {
}, },
methods: { methods: {
//活动记录 //活动记录
activityLog(id){ activityLog(id) {
this.logParams.activityId = id this.logParams.activityId = id
this.logVisible = true this.logVisible = true
activityLogListApi(this.logParams).then(res =>{ activityLogListApi(this.logParams).then(res => {
this.logParams.limit = res.limit this.logParams.limit = res.limit
this.logParams.page = res.page this.logParams.page = res.page
this.logParams.total = res.total this.logParams.total = res.total
@ -314,8 +315,8 @@ export default {
}) })
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
this.logParams.page = val this.logParams.page = val
activityLogListApi(this.logParams).then(res =>{ activityLogListApi(this.logParams).then(res => {
this.logParams.limit = res.limit this.logParams.limit = res.limit
this.logParams.page = res.page this.logParams.page = res.page
this.logParams.total = res.total this.logParams.total = res.total