是小王呀\24601
1 year ago
3 changed files with 151 additions and 249 deletions
@ -1,215 +1,80 @@ |
|||||
<template> |
<template> |
||||
<div> |
<el-form :model="formData" @submit.native.prevent="handleSubmit"> |
||||
|
<el-form-item label="文章标题：" :label-width="formLabelWidth"> |
||||
<div class="dialog-h-content scroll-h"> |
<el-input v-model="formData.title" maxlength="50" required></el-input> |
||||
<el-form ref="ref_form" :inline="true" :rules="dataRule" |
</el-form-item> |
||||
class="form"> |
<el-form-item label="封面图片：" :label-width="formLabelWidth"> |
||||
|
<el-upload |
||||
<el-form-item label="活动类型" label-width="150px" style="display: block"> |
action="#" |
||||
<div style="width: 500px"> |
list-type="picture" |
||||
<el-input v-model.trim="typeName" size="small" class="item_width_1" clearable placeholder="请输入"> |
:on-change="handleFileUpload" |
||||
</el-input> |
:file-list="fileList" |
||||
</div> |
> |
||||
</el-form-item> |
<el-button size="small" type="primary">点击上传</el-button> |
||||
</el-form> |
</el-upload> |
||||
</div> |
</el-form-item> |
||||
|
<el-form-item label="发布时间：" :label-width="formLabelWidth"> |
||||
<div class="div_btn"> |
<el-date-picker v-model="formData.publishDate" type="date" placeholder="选择日期"></el-date-picker> |
||||
<el-button size="small" @click="handleCancle">取 消</el-button> |
</el-form-item> |
||||
<!-- <el-button size="small" type="primary" :disabled="btnDisable" @click="handleComfirm">确 |
<el-form-item label="文章标签：" :label-width="formLabelWidth"> |
||||
定</el-button> --> |
<el-select v-model="formData.tags" placeholder="请选择"> |
||||
<el-button size="small" type="primary" @click="handleComfirm">确 |
<el-option |
||||
定</el-button> |
v-for="tag in availableTags" |
||||
</div> |
:key="tag" |
||||
</div> |
:label="tag" |
||||
|
:value="tag" |
||||
|
></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="内容：" :label-width="formLabelWidth"> |
||||
|
<el-input type="textarea" v-model="formData.content" rows="10" required></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-checkbox v-model="formData.homepageTop">首页置顶</el-checkbox> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-checkbox v-model="formData.notification">消息推送</el-checkbox> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="primary" @click="handleSubmit">发布</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import { mapGetters } from 'vuex' |
export default { |
||||
import { Loading } from 'element-ui' // 引入Loading服务 |
data() { |
||||
import { requestPost } from '@/js/dai/request' |
return { |
||||
import Tinymce from '@c/tinymce2/index.vue' |
formData: { |
||||
import daiMap from "@/utils/dai-map"; |
title: '', |
||||
// import UploadImage from './upload-image.vue' |
coverImage: null, |
||||
import UploadImage from '@/views/modules/plugins/rent/upload-image.vue' |
publishDate: '', |
||||
|
tags: '', |
||||
var map |
content: '', |
||||
var search |
homepageTop: false, |
||||
var markers |
notification: false |
||||
var infoWindowList |
|
||||
var geocoder // 新建一个正逆地址解析类 |
|
||||
|
|
||||
let loading // 加载动画 |
|
||||
export default { |
|
||||
data () { |
|
||||
return { |
|
||||
typeName: '', |
|
||||
marde:'', |
|
||||
id:'' |
|
||||
|
|
||||
|
|
||||
} |
|
||||
}, |
|
||||
components: { Tinymce,UploadImage }, |
|
||||
mounted () { |
|
||||
// this.initMap() |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
methods: { |
|
||||
async initForm(activityId){ |
|
||||
console.log('activityIddetailShow',activityId) |
|
||||
if(activityId !== ''){ |
|
||||
this.marde = 'edi' |
|
||||
this.id = activityId.id |
|
||||
this.typeName = activityId.typeName |
|
||||
} |
|
||||
}, |
|
||||
async handleComfirm () { |
|
||||
// this.btnDisable = true |
|
||||
setTimeout(() => { |
|
||||
// this.btnDisable = false |
|
||||
}, 100) |
|
||||
if (this.typeName === '') { |
|
||||
this.$message.error('活动类型不能为空') |
|
||||
}else { |
|
||||
this.addActivity() |
|
||||
} |
|
||||
|
|
||||
}, |
|
||||
async addActivity () { |
|
||||
if (this.marde === 'edi') { |
|
||||
let url = '/actual/base/advertisingTag/save' |
|
||||
let parmer = { |
|
||||
tagName:this.typeName, |
|
||||
status: 0, |
|
||||
} |
|
||||
const { data, code, msg } = await requestPost(url, parmer) |
|
||||
|
|
||||
if (code === 0) { |
|
||||
this.$message({ |
|
||||
type: 'success', |
|
||||
message: '操作成功' |
|
||||
}) |
|
||||
this.resetData() |
|
||||
this.$emit('dialogOk') |
|
||||
// this.btnDisable = false |
|
||||
} else { |
|
||||
// this.btnDisable = false |
|
||||
this.$message.error(msg) |
|
||||
} |
|
||||
}else{ |
|
||||
let url = '/actual/base/activityType/save' |
|
||||
// let url = "http://yapi.elinkservice.cn/mock/245/heart/icpartyactivity/save" |
|
||||
let parmer = { |
|
||||
typeName: this.typeName, |
|
||||
enabled: 0 |
|
||||
} |
|
||||
|
|
||||
const { data, code, msg } = await requestPost(url, parmer) |
|
||||
|
|
||||
if (code === 0) { |
|
||||
this.$message({ |
|
||||
type: 'success', |
|
||||
message: '操作成功' |
|
||||
}) |
|
||||
this.resetData() |
|
||||
this.$emit('dialogOk') |
|
||||
// this.btnDisable = false |
|
||||
} else { |
|
||||
// this.btnDisable = false |
|
||||
this.$message.error(msg) |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
|
|
||||
}, |
|
||||
|
|
||||
handleCancle () { |
|
||||
|
|
||||
this.resetData() |
|
||||
this.$emit('dialogCancle') |
|
||||
|
|
||||
}, |
}, |
||||
|
availableTags: ['标签1', '标签2', '标签3'], |
||||
resetData () { |
fileList: [], |
||||
this.typeName = '', |
formLabelWidth: '100px' |
||||
this.marde = '' |
}; |
||||
|
}, |
||||
}, |
methods: { |
||||
// 开启加载动画 |
handleFileUpload(file, fileList) { |
||||
startLoading () { |
this.fileList = fileList; |
||||
loading = Loading.service({ |
this.formData.coverImage = file.raw; |
||||
lock: true, // 是否锁定 |
|
||||
text: '正在加载……', // 加载中需要显示的文字 |
|
||||
background: 'rgba(0,0,0,.7)' // 背景颜色 |
|
||||
}) |
|
||||
}, |
|
||||
// 结束加载动画 |
|
||||
endLoading () { |
|
||||
// clearTimeout(timer); |
|
||||
if (loading) { |
|
||||
loading.close() |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
computed: { |
|
||||
dataRule () { |
|
||||
return { |
|
||||
small: [ |
|
||||
{ required: true, message: '活动类型不能为空', trigger: 'blur' } |
|
||||
] |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
}, |
}, |
||||
props: { |
handleSubmit() { |
||||
|
console.log(this.formData); |
||||
} |
this.$message.success('表单已提交'); |
||||
} |
|
||||
</script> |
|
||||
|
|
||||
|
|
||||
<style lang="scss" scoped > |
|
||||
@import "@/assets/scss/modules/visual/communityManageForm.scss"; |
|
||||
</style> |
|
||||
<style lang="scss" scoped> |
|
||||
.item_width_1 { |
|
||||
width: 560px; |
|
||||
|
|
||||
/deep/.tox .tox-dialog { |
|
||||
z-index: 20000; |
|
||||
} |
} |
||||
} |
} |
||||
.tinymce_view { |
}; |
||||
::v-deep .tox .tox-dialog { |
</script> |
||||
z-index: 2000000000; |
|
||||
} |
<style scoped> |
||||
} |
.el-form { |
||||
|
max-width: 600px; |
||||
.div_map { |
margin: auto; |
||||
position: relative; |
} |
||||
} |
</style> |
||||
.div_searchmap { |
|
||||
z-index: 5000; |
|
||||
position: absolute; |
|
||||
top: 5px; |
|
||||
left: 5px; |
|
||||
} |
|
||||
|
|
||||
.tinymce_view { |
|
||||
height: 400px; |
|
||||
overflow: auto; |
|
||||
} |
|
||||
.text_p { |
|
||||
margin: 0; |
|
||||
padding: 0 10px; |
|
||||
border: 1px solid #d9d9d9; |
|
||||
border-radius: 5px; |
|
||||
> p { |
|
||||
margin: 0; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
|
|
||||
|
|
||||
Loading…
Reference in new issue