限时购场次页面添加

src/api/flashSession.js

@@ -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
+ })
+}

src/router/index.js

@@ -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',

src/views/sms/flash/index.vue

@@ -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('是否要确认?', '提示', {

src/views/sms/flash/sessionList.vue

@@ -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>
+
+