限时购场次页面添加
This commit is contained in:
zhh
parent
34f4651a83
commit
fc34f1b6bb
35
src/api/flashSession.js
Normal file
35
src/api/flashSession.js
Normal file
@ -0,0 +1,35 @@
|
||||
import request from '@/utils/request'
|
||||
export function fetchList(params) {
|
||||
return request({
|
||||
url:'/flashSession/list',
|
||||
method:'get',
|
||||
params:params
|
||||
})
|
||||
}
|
||||
export function updateStatus(id,params) {
|
||||
return request({
|
||||
url:'/flashSession/update/status/'+id,
|
||||
method:'post',
|
||||
params:params
|
||||
})
|
||||
}
|
||||
export function deleteSession(id) {
|
||||
return request({
|
||||
url:'/flashSession/delete/'+id,
|
||||
method:'post'
|
||||
})
|
||||
}
|
||||
export function createSession(data) {
|
||||
return request({
|
||||
url:'/flashSession/create',
|
||||
method:'post',
|
||||
data:data
|
||||
})
|
||||
}
|
||||
export function updateSession(id,data) {
|
||||
return request({
|
||||
url:'/flashSession/update/'+id,
|
||||
method:'post',
|
||||
data:data
|
||||
})
|
||||
}
|
||||
@ -207,6 +207,13 @@ export const constantRouterMap = [
|
||||
component: () => import('@/views/sms/flash/index'),
|
||||
meta: {title: '秒杀活动列表', icon: 'sms-flash'}
|
||||
},
|
||||
{
|
||||
path: 'flashSession',
|
||||
name: 'flashSession',
|
||||
component: () => import('@/views/sms/flash/sessionList'),
|
||||
meta: {title: '秒杀时间段列表'},
|
||||
hidden:true
|
||||
},
|
||||
{
|
||||
path: 'coupon',
|
||||
name: 'coupon',
|
||||
|
||||
@ -181,7 +181,7 @@
|
||||
}
|
||||
let date = new Date(time);
|
||||
return formatDate(date, 'yyyy-MM-dd')
|
||||
},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleResetSearch() {
|
||||
@ -206,7 +206,7 @@
|
||||
this.flashPromotion = Object.assign({},defaultFlashPromotion);
|
||||
},
|
||||
handleShowSessionList() {
|
||||
console.log("handleShowSessionList");
|
||||
this.$router.push({path: '/sms/flashSession'})
|
||||
},
|
||||
handleStatusChange(index, row) {
|
||||
this.$confirm('是否要修改该状态?', '提示', {
|
||||
@ -246,7 +246,7 @@
|
||||
handleUpdate(index, row) {
|
||||
this.dialogVisible = true;
|
||||
this.isEdit = true;
|
||||
this.flashPromotion = row;
|
||||
this.flashPromotion = Object.assign({},row);
|
||||
},
|
||||
handleDialogConfirm() {
|
||||
this.$confirm('是否要确认?', '提示', {
|
||||
|
||||
208
src/views/sms/flash/sessionList.vue
Normal file
208
src/views/sms/flash/sessionList.vue
Normal file
@ -0,0 +1,208 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-card shadow="never" class="operate-container">
|
||||
<i class="el-icon-tickets"></i>
|
||||
<span>数据列表</span>
|
||||
<el-button size="mini" class="btn-add" @click="handleAdd()">添加</el-button>
|
||||
</el-card>
|
||||
<div class="table-container">
|
||||
<el-table ref="flashSessionTable"
|
||||
:data="list"
|
||||
style="width: 100%;"
|
||||
v-loading="listLoading" border>
|
||||
<el-table-column label="编号" width="100" align="center">
|
||||
<template slot-scope="scope">{{scope.row.id}}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="秒杀时间段名称" align="center">
|
||||
<template slot-scope="scope">{{scope.row.name}}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="每日开始时间" align="center">
|
||||
<template slot-scope="scope">{{scope.row.startTime | formatTime}}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="每日结束时间" align="center">
|
||||
<template slot-scope="scope">{{scope.row.endTime | formatTime}}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="启用" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-switch
|
||||
@change="handleStatusChange(scope.$index, scope.row)"
|
||||
:active-value="1"
|
||||
:inactive-value="0"
|
||||
v-model="scope.row.status">
|
||||
</el-switch>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="180" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini"
|
||||
type="text"
|
||||
@click="handleUpdate(scope.$index, scope.row)">编辑
|
||||
</el-button>
|
||||
<el-button size="mini"
|
||||
type="text"
|
||||
@click="handleDelete(scope.$index, scope.row)">删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<el-dialog
|
||||
title="添加时间段"
|
||||
:visible.sync="dialogVisible"
|
||||
width="40%">
|
||||
<el-form :model="flashSession"
|
||||
ref="flashSessionForm"
|
||||
label-width="150px" size="small">
|
||||
<el-form-item label="秒杀时间段名称：">
|
||||
<el-input v-model="flashSession.name" style="width: 250px"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="每日开始时间：">
|
||||
<el-time-picker
|
||||
v-model="flashSession.startTime"
|
||||
placeholder="请选择时间">
|
||||
</el-time-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="每日结束时间：">
|
||||
<el-time-picker
|
||||
v-model="flashSession.endTime"
|
||||
placeholder="请选择时间">
|
||||
</el-time-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否启用">
|
||||
<el-radio-group v-model="flashSession.status">
|
||||
<el-radio :label="1">启用</el-radio>
|
||||
<el-radio :label="0">不启用</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="dialogVisible = false" size="small">取 消</el-button>
|
||||
<el-button type="primary" @click="handleDialogConfirm()" size="small">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {fetchList,updateStatus,deleteSession,createSession,updateSession} from '@/api/flashSession';
|
||||
import {formatDate} from '@/utils/date';
|
||||
const defaultFlashSession={
|
||||
name:null,
|
||||
startTime:null,
|
||||
endTime:null,
|
||||
status:0
|
||||
};
|
||||
export default {
|
||||
name: 'flashPromotionSessionList',
|
||||
data() {
|
||||
return {
|
||||
list: null,
|
||||
listLoading: false,
|
||||
dialogVisible:false,
|
||||
isEdit:false,
|
||||
flashSession:Object.assign({},defaultFlashSession)
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
filters:{
|
||||
formatTime(time) {
|
||||
if (time == null || time === '') {
|
||||
return 'N/A';
|
||||
}
|
||||
let date = new Date(time);
|
||||
return formatDate(date, 'hh:mm:ss')
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleAdd() {
|
||||
this.dialogVisible = true;
|
||||
this.isEdit = false;
|
||||
this.flashSession = Object.assign({},defaultFlashSession);
|
||||
},
|
||||
handleStatusChange(index,row){
|
||||
this.$confirm('是否要修改该状态?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
updateStatus(row.id, {status: row.status}).then(response => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '修改成功!'
|
||||
});
|
||||
});
|
||||
}).catch(() => {
|
||||
this.$message({
|
||||
type: 'info',
|
||||
message: '取消修改'
|
||||
});
|
||||
this.getList();
|
||||
});
|
||||
},
|
||||
handleUpdate(index,row){
|
||||
this.dialogVisible = true;
|
||||
this.isEdit = true;
|
||||
this.flashSession = Object.assign({},row);
|
||||
this.flashSession.startTime=new Date(row.startTime);
|
||||
this.flashSession.endTime=new Date(row.endTime);
|
||||
},
|
||||
handleDelete(index,row){
|
||||
this.$confirm('是否要删除该时间段?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
deleteSession(row.id).then(response => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '删除成功!'
|
||||
});
|
||||
this.getList();
|
||||
});
|
||||
});
|
||||
},
|
||||
handleDialogConfirm() {
|
||||
this.$confirm('是否要确认?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
if (this.isEdit) {
|
||||
updateSession(this.flashSession.id,this.flashSession).then(response => {
|
||||
this.$message({
|
||||
message: '修改成功！',
|
||||
type: 'success'
|
||||
});
|
||||
this.dialogVisible =false;
|
||||
this.getList();
|
||||
})
|
||||
} else {
|
||||
createSession(this.flashSession).then(response => {
|
||||
this.$message({
|
||||
message: '添加成功！',
|
||||
type: 'success'
|
||||
});
|
||||
this.dialogVisible =false;
|
||||
this.getList();
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
getList() {
|
||||
this.listLoading = true;
|
||||
fetchList({}).then(response => {
|
||||
this.listLoading = false;
|
||||
this.list = response.data;
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
.operate-container {
|
||||
margin-top: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user