广告编辑功能完善

src/api/homeAdvertise.js

@@ -0,0 +1,43 @@
+import request from '@/utils/request'
+export function fetchList(params) {
+ return request({
+ url:'/home/advertise/list',
+ method:'get',
+ params:params
+ })
+}
+export function updateStatus(id,params) {
+ return request({
+ url:'/home/advertise/update/status/'+id,
+ method:'post',
+ params:params
+ })
+}
+export function deleteHomeAdvertise(data) {
+ return request({
+ url:'/home/advertise/delete',
+ method:'post',
+ data:data
+ })
+}
+export function createHomeAdvertise(data) {
+ return request({
+ url:'/home/advertise/create',
+ method:'post',
+ data:data
+ })
+}
+export function getHomeAdvertise(id) {
+ return request({
+ url:'/home/advertise/'+id,
+ method:'get',
+ })
+}
+
+export function updateHomeAdvertise(id,data) {
+ return request({
+ url:'/home/advertise/update/'+id,
+ method:'post',
+ data:data
+ })
+}

src/router/index.js

@@ -201,6 +201,12 @@ export const constantRouterMap = [
  name: 'sms',
  meta: {title: '营销', icon: 'sms'},
  children: [
+ {
+ path: 'flash',
+ name: 'flash',
+ component: () => import('@/views/sms/flash/index'),
+ meta: {title: '秒杀活动列表', icon: 'sms-flash'}
+ },
  {
  path: 'coupon',
  name: 'coupon',
@@ -257,6 +263,20 @@ export const constantRouterMap = [
  name: 'homeAdvertise',
  component: () => import('@/views/sms/advertise/index'),
  meta: {title: '广告列表', icon: 'sms-ad'}
+ },
+ {
+ path: 'addAdvertise',
+ name: 'addHomeAdvertise',
+ component: () => import('@/views/sms/advertise/add'),
+ meta: {title: '添加广告'},
+ hidden:true
+ },
+ {
+ path: 'updateAdvertise',
+ name: 'updateHomeAdvertise',
+ component: () => import('@/views/sms/advertise/update'),
+ meta: {title: '编辑广告'},
+ hidden:true
  }
  ]
  },

src/views/oms/order/index.vue

@@ -454,7 +454,7 @@
  }
  }
 </script>
-<style scroped>
+<style scoped>
  .input-width {
  width: 203px;
  }

src/views/sms/advertise/add.vue

@@ -0,0 +1,13 @@
+<template> 
+ <home-advertise-detail :isEdit="false"></home-advertise-detail>
+</template>
+<script>
+ import HomeAdvertiseDetail from './components/HomeAdvertiseDetail'
+ export default {
+ name: 'addHomeAdvertise',
+ components: { HomeAdvertiseDetail }
+ }
+</script>
+<style></style>
+
+

src/views/sms/advertise/components/HomeAdvertiseDetail.vue

@@ -0,0 +1,185 @@
+<template> 
+ <el-card class="form-container" shadow="never">
+ <el-form :model="homeAdvertise"
+ :rules="rules"
+ ref="homeAdvertiseFrom"
+ label-width="150px"
+ size="small">
+ <el-form-item label="广告名称：" prop="name">
+ <el-input v-model="homeAdvertise.name" class="input-width"></el-input>
+ </el-form-item>
+ <el-form-item label="广告位置：">
+ <el-select v-model="homeAdvertise.type">
+ <el-option
+ v-for="type in typeOptions"
+ :key="type.value"
+ :label="type.label"
+ :value="type.value">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="开始时间：" prop="startTime">
+ <el-date-picker
+ type="datetime"
+ placeholder="选择日期"
+ v-model="homeAdvertise.startTime"></el-date-picker>
+ </el-form-item>
+ <el-form-item label="到期时间：" prop="endTime">
+ <el-date-picker
+ type="datetime"
+ placeholder="选择日期"
+ v-model="homeAdvertise.endTime"></el-date-picker>
+ </el-form-item>
+ <el-form-item label="上线/下线：">
+ <el-radio-group v-model="homeAdvertise.status">
+ <el-radio :label="0">下线</el-radio>
+ <el-radio :label="1">上线</el-radio>
+ </el-radio-group>
+ </el-form-item>
+ <el-form-item label="广告图片：">
+ <single-upload v-model="homeAdvertise.pic"></single-upload>
+ </el-form-item>
+ <el-form-item label="排序：">
+ <el-input v-model="homeAdvertise.sort" class="input-width"></el-input>
+ </el-form-item>
+ <el-form-item label="广告链接：" prop="url">
+ <el-input v-model="homeAdvertise.url" class="input-width"></el-input>
+ </el-form-item>
+ <el-form-item label="广告备注：">
+ <el-input
+ class="input-width"
+ type="textarea"
+ :rows="5"
+ placeholder="请输入内容"
+ v-model="homeAdvertise.note">
+ </el-input>
+ </el-form-item>
+ <el-form-item>
+ <el-button type="primary" @click="onSubmit('homeAdvertiseFrom')">提交</el-button>
+ <el-button v-if="!isEdit" @click="resetForm('homeAdvertiseFrom')">重置</el-button>
+ </el-form-item>
+ </el-form>
+ </el-card>
+</template>
+<script>
+ import SingleUpload from '@/components/Upload/singleUpload'
+ import {createHomeAdvertise, getHomeAdvertise, updateHomeAdvertise} from '@/api/homeAdvertise'
+ const defaultTypeOptions = [
+ {
+ label: 'PC首页轮播',
+ value: 0
+ },
+ {
+ label: 'APP首页轮播',
+ value: 1
+ }
+ ];
+ const defaultHomeAdvertise = {
+ name: null,
+ type: 1,
+ pic: null,
+ startTime: null,
+ endTime: null,
+ status: 0,
+ url: null,
+ note: null,
+ sort: 0
+ };
+ export default {
+ name: 'HomeAdvertiseDetail',
+ components:{SingleUpload},
+ props: {
+ isEdit: {
+ type: Boolean,
+ default: false
+ }
+ },
+ data() {
+ return {
+ homeAdvertise: null,
+ rules: {
+ name: [
+ {required: true, message: '请输入广告名称', trigger: 'blur'},
+ {min: 2, max: 140, message: '长度在 2 到 140 个字符', trigger: 'blur'}
+ ],
+ url: [
+ {required: true, message: '请输入广告链接', trigger: 'blur'}
+ ],
+ startTime: [
+ {required: true, message: '请选择开始时间', trigger: 'blur'}
+ ],
+ endTime: [
+ {required: true, message: '请选择到期时间', trigger: 'blur'}
+ ],
+ pic: [
+ {required: true, message: '请选择广告图片', trigger: 'blur'}
+ ]
+ },
+ typeOptions: Object.assign({}, defaultTypeOptions)
+ }
+ },
+ created(){
+ if (this.isEdit) {
+ getHomeAdvertise(this.$route.query.id).then(response => {
+ this.homeAdvertise = response.data;
+ });
+ }else{
+ this.homeAdvertise = Object.assign({},defaultHomeAdvertise);
+ }
+ },
+ methods: {
+ onSubmit(formName) {
+ this.$refs[formName].validate((valid) => {
+ if (valid) {
+ this.$confirm('是否提交数据', '提示', {
+ confirmButtonText: '确定',
+ cancelButtonText: '取消',
+ type: 'warning'
+ }).then(() => {
+ if (this.isEdit) {
+ updateHomeAdvertise(this.$route.query.id, this.homeAdvertise).then(response => {
+ this.$refs[formName].resetFields();
+ this.$message({
+ message: '修改成功',
+ type: 'success',
+ duration:1000
+ });
+ this.$router.back();
+ });
+ } else {
+ createHomeAdvertise(this.homeAdvertise).then(response => {
+ this.$refs[formName].resetFields();
+ this.homeAdvertise = Object.assign({},defaultHomeAdvertise);
+ this.$message({
+ message: '提交成功',
+ type: 'success',
+ duration:1000
+ });
+ });
+ }
+ });
+
+ } else {
+ this.$message({
+ message: '验证失败',
+ type: 'error',
+ duration:1000
+ });
+ return false;
+ }
+ });
+ },
+ resetForm(formName) {
+ this.$refs[formName].resetFields();
+ this.homeAdvertise = Object.assign({},defaultHomeAdvertise);
+ }
+ }
+ }
+</script>
+<style scoped>
+ .input-width {
+ width: 70%;
+ }
+</style>
+
+