forked from macrozheng/mall-admin-web
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
zhh
committed
Nov 13, 2018
1 parent
784e2ad
commit 4ecd009
Showing
9 changed files
with
587 additions
and
4 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -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 | ||
}) | ||
} |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -454,7 +454,7 @@ | |
} | ||
} | ||
</script> | ||
<style scroped> | ||
<style scoped> | ||
.input-width { | ||
width: 203px; | ||
} | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -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> | ||
|
||
|
185 changes: 185 additions & 0 deletions
185
src/views/sms/advertise/components/HomeAdvertiseDetail.vue
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -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> | ||
|
||
|
Oops, something went wrong.